brummt der kopf vom durchschauen und suchen...
Das ist nun ne ganze Menge, sach ja auch nicht dass es jemand durchschauen soll, wenn jedoch jemand was findet warum IE es verhaut, waer ich sehr dankbar :)
das is die html einbindung von divs:
Code:
<link href="css/wa_css.css" rel="stylesheet" type="text/css" />
<title>page.com > <? echo $page_title ?> </title><div id="main_top_nav">
<? include ('inc/topnav.php'); ?> </div>
<div id="ads_area">
<? include ('inc/ads.php'); ?> </div>
<div id="hp_main_project"><? echo $featured_proj; ?>
<img src="new_html_templates/layout_graphics/images/featuredflag.gif" width="171" height="16" class="feature_flag1"></div>
<div id="hp_com"></div>
<div id="hp_jobs"></div>
<div id="hp_jobs_list"><img src="new_html_templates/layout_graphics/images/jobs-header.gif" width="163" height="135"></div>
<div id="hp_rec"></div>
<div id="new_items">
<div id="new_item"><img src="new_html_templates/layout_graphics/images/wa_10_2_39.jpg" width="39" height="13" class="immtitle"><? echo $recent_prac[1]; ?></div>
<div id="new_item"><img src="new_html_templates/layout_graphics/images/wa_10_2_39.jpg" width="39" height="13" class="immtitle"><? echo $recent_prac[2]; ?></div>
<div id="new_item"><img src="new_html_templates/layout_graphics/images/wa_10_2_45.jpg" width="112" height="13" class="immtitle"><? echo $recent_proj[1]; ?></div>
<div id="new_item"><img src="new_html_templates/layout_graphics/images/wa_10_2_45.jpg" width="112" height="13" class="immtitle"><? echo $recent_proj[2]; ?></div>
</div>
<div id="latest_prac"><? echo $newest_pracs; ?></div>
<div id="latest_pro"><? echo $newest_projs; ?></div>
so sieht z.B eine der in den html tags eingebundene PHP variable aus:
PHP-Code:
$recent_prac[$pracno] .= "<div id = 'new_itema'><img src = '/content/".$a_id."/size_c/".$files."' class='corner_bl'/></div>";
und die CSS datei...
Code:
/* CSS Document */
body {
background-color:#E0E2E1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
#main_top_nav {
float: left;
width: 163px;
left: 10;
top: 10;
height: 63px;
position: absolute;
}
#ads_area {
float: left;
width: 163px;
left: 699;
top: 118;
height: 63px;
position: absolute;
}#main_logo {
float: left;
width: 163px;
left: 0px;
top: 0px;
height: 63px;
position: absolute;
}#maindiv {
top: 18px;
left: 18px;
position: relative;
height: auto;
background-color: #FFFFFF;
}
.footer {
float: left;
top: 100%;
left: 0px;
padding-bottom: 9px;
}
#main_nav {
width: 507px;
left: 172px;
top: 0px;
height: 63px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/main-nav.gif);
background-repeat: no-repeat;
}
#nav_bar {
width: 851px;
left: 0px;
top: 72px;
height: 27px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/nav-bar.gif);
background-repeat: no-repeat;
padding-top: 9px;
padding-left: 9px;
font-size: 10px;
}
#login {
float: right;
width: 163px;
left:688px;
top: 0px;
height: 63px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/login.gif);
background-repeat: no-repeat;
}
#ad_mr {
width: 163px;
height: 279px;
background-image: url(../new_html_templates/layout_graphics/images/pa1.gif);
background-repeat: no-repeat;
margin-bottom: 10px;
}
#ad_br {
width: 163px;
height: 135px;
background-image: url(../new_html_templates/layout_graphics/images/pa2.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
}
#ad_brb {
width: 163px;
height: 135px;
background-image: url(../new_html_templates/layout_graphics/images/pa2.jpg);
background-repeat: no-repeat;
}
#hp_main_project {
background-color:#38ab2b;
float: left;
width: 335px;
height: 279px;
left:10px;
top: 118px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/green-tab-2columns.jpg);
background-repeat: no-repeat;
background-position: top;
}
#hp_main_project_ins {
background-color:#38ab2b;
float: left;
width: 335px;
height: 223px;
left:0px;
top: 56px;
position: absolute;
}
#proj_images {
float: left;
width: 507px;
height: 32px;
left:344px;
top: 108px;
position: absolute;
background-color: #FFFFFF;
}
#proj_image {
float: left;
width: 507px;
height: 32px;
left:344px;
top: 138px;
position: absolute;
background-color: #FFFFFF;
}
.subtext {
position: absolute;
float: right;
padding-top: 15px;
right: 9px;
font-size: 9px;
}
#proj_typology {
float: left;
width: 507px;
height: 63px;
left:344px;
top: 108px;
position: absolute;
background-color: #FFFFFF;
}
#thumblist{
width:300px;
margin-bottom: 9px;
height:50px;
}
#thumblistim{
float: left;
}
#thumblistima{
position: relative;
float: right'
left:9px
width:200px;
}
#thumblistimb{
position: relative;
float: left;
left:9px;
width:200px;
}
#prac_projects{
float: none;
position: absolute;
width: 516px;
left:344px;
top:180px;
}
#practice_proj_stack{
background-image: url(../new_html_templates/layout_graphics/images/white-tag-1col.jpg);
background-repeat: no-repeat;
background-position: top;
float: left;
background-color: #FFFFFF;
float: left;
width: 163px;
height: 135px;
position: relative;
margin-right: 9px;
margin-bottom: 9px;
}
#proj_thumbs{
position: absolute;
width:515px;
left:344px;
top:655px;
}
#proj_info {
position: absolute;
width: 335px;
height:auto;
left:0px;
top: 108px;
background-color: #FFFFFF;
padding-bottom: 18px;
}
#hp_jobs_list {
float: left;
width: 163px;
height: 135px;
left:526px;
top: 262px;
position: absolute;
}
#hp_jobs {
background-image: url(../new_html_templates/layout_graphics/images/jobs.gif);
background-repeat: no-repeat;
background-position: top;
float: left;
width: 163px;
height: 135px;
left:526px;
top: 118px;
position: absolute;
background-color: #4E96D4;
}
#hp_com {
background-image: url(../new_html_templates/layout_graphics/images/commun.gif);
background-repeat: no-repeat;
float: left;
background-color: #FFFFFF;
width: 163px;
height: 135px;
left:354px;
top: 118px;
position: absolute;
}
#hp_rec {
float: left;
width: 163px;
height: 135px;
left:354px;
top: 262px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/com-header.gif);
background-repeat: no-repeat;
}
#latest_prac {
float: left;
width: 335px;
height: 335px;
left:10px;
top: 550px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/latest-pras.gif);
background-repeat: no-repeat;
padding-top: 27px;
padding-left: 9px;
}
#latest_pro {
float: left;
width: 335px;
height: 335px;
left:354px;
top: 550px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/latest-pros.gif);
background-repeat: no-repeat;
padding-top: 27px;
padding-left: 9px;
}
#new_item {
width: 163px;
height: 135px;
background-image: url(../new_html_templates/layout_graphics/images/white-tag-1col.jpg);
background-repeat: no-repeat;
background-position: top;
background-color: #FFFFFF;
float: left;
margin-right: 9px;
}
#new_itema {
padding-top: 13px;
}
#new_items {
float: left;
left:10;
top: 406px;
position: absolute;
width: 705;
height: 135px;
vertical-align: top;
}
#new_pro_1 {
float: left;
width: 163px;
height: 135px;
left:344px;
top: 406px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/white-tag-1col.jpg);
background-repeat: no-repeat;
background-position: top;float: left;
background-color: #FFFFFF;
}
#new_pro_2 {
float: left;
width: 163px;
height: 135px;
left:516px;
top: 396px;
position: absolute;
background-image: url(../new_html_templates/layout_graphics/images/white-tag-1col.jpg);
background-repeat: no-repeat;
background-position: top;float: left;
background-color: #FFFFFF;
}
img.hp {
float: right;
position: absolute;
bottom: 0%;
}
#info_text {
position: relative;
top: 9px;
left: 9px;
width: 90%;
}
img.feature_flag1 {
float: right;
position: absolute;
bottom: 18px;
left: 18px;
}
img.corner_bl {
position: absolute;
bottom: 0%;
left: 0px;
}
img.alignbtm {
position: absolute;
bottom: 0%;
left: 0px;
background-color:#E0E2E1;
padding-bottom:18px;
}
img.corner_tl {
top: 0px;
position: absolute;
left: 0px;
}
img.corner_br {
float: right;
position: absolute;
right: 0px;
bottom: 0px;
}
img.corner_tr {
position: absolute;
float: right;
right: 0px;
}
img.immtitle {
position: relative;
left: 7px;
top: 7px;
}
img.practitle {
position: relative;
left: 9px;
top: 9px;
}
img.big_immtitle {
position: relative;
left: 7px;
top: 7px;
}
#bigestim {
float: left;
width: 163px;
height: 135px;
left:344px;
top: 252px;
position: absolute;
}
img.small_thumbs {
margin-right: 9px;
margin-bottom: 9px;
}
#main_nav #navcol_1 {
left: 178px;
position: relative;
width: 132px;
height: 50px;
top: 8;
float: left;
}
#main_nav #navcol_2 {
left: 200px;
position: relative;
width: 132px;
height: 50px;
top: 8;
float: left;
}