Hallo Heiko!
Zitat:
Zitat von heiko_rs
Du clearst an der falschen Stelle und kannst einige divs einsparen. Wirklich nötig wären nur 5: #oben und #unten, sowie #links, #mitte und #rechts. Letztere 3 bekommen margin-bottom: 2px; und #unten cleart.
|
Genauso habe ich es gemacht!
Klick!
CSS-Code:
PHP-Code:
* {
margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif;
}
body {
font-size:0.8em; color:#000; background-image: url(../bilder/bg.gif);
}
div {
padding:0px; border:0px solid #000;
}
li {
list-style:none;
}
/* ----------------- HEADER ------------------ */
div#oben {
margin-bottom:2px; height:84px; text-align:center; background-color:#FBD8C5; color:#000;
}
#headerlinks {
float:left; padding:10px 20px; font:bold 38px verdana, helvetica, sans-serif;
}
#headerrechts {
float:right; padding:2px 2px;
}
/* ----------------- BOX LINKS ------------------ */
div#links {
float:left; margin-bottom:2px; width:15.9em; background-color:#999; color:#000;
}
#navlinks li a {
display:block; width:200px; border:1px solid #E2B49A; background-color:#FBD8C5; padding-left:2px;
font:bold 13px verdana, helvetica, sans-serif; text-decoration:none; line-height:22px; color:#900000;
}
#navlinks li a:hover {
border:1px solid #FBD8C5; color:#FBD8C5; background-color:#900000;
}
#gewaehltlinks {
display:block; width:200px; border:1px solid #FBD8C5; padding-left:2px;
font:bold 13px verdana, helvetica, sans-serif; line-height:22px; color:#FBD8C5; background-color:#900000;
}
.navstylelinks {
display:block; width:200px; border:1px solid #E2B49A; background-color:#C48968; padding-left:2px;
font:bold 13px verdana, helvetica, sans-serif; line-height:22px; color:#FBD8C5;
}
/* ----------------- BOX RECHTS ------------------ */
div#rechts {
float:right; margin-bottom:2px; width:12.0em; background-color:#999; color:#000;
}
#navrechts li a {
display:block; width:150px; border:1px solid #E2B49A; background-color:#FBD8C5; padding-left:2px;
font:bold 13px verdana, helvetica, sans-serif; text-decoration:none; line-height:22px; color:#900000;
}
#navrechts li a:hover {
border:1px solid #FBD8C5; color:#FBD8C5; background-color:#900000;
}
#gewaehltrechts {
display:block; width:150px; border:1px solid #FBD8C5; padding-left:2px; background-color:#900000;
font:bold 13px verdana, helvetica, sans-serif; line-height:22px; color:#FBD8C5;
}
#navstylerechts {
display:block; width:150px; border:1px solid #E2B49A; background-color:#C48968; padding-left:2px;
font:bold 13px verdana, helvetica, sans-serif; line-height:22px; color:#FBD8C5;
}
/* ----------------- CONTENT ------------------ */
div#mitte {
margin-bottom:2px; background-color:#FBD8C5; color:#000;
}
#aktuelle_seite {
display:block; text-align:center; font:bold 14px verdana, helvetica, sans-serif; line-height:22px;
color:#FBD8C5; background-color:#C48968; border:1px solid #E2B49A;
}
/* ----------------- FOOTER ------------------ */
div#unten {
background-color:#FBD8C5; text-align:center; color:#000; clear:both;
}
/* ----------------- ------ ------------------ */
Habe ich Dich vielleicht falsch verstanden?
Muss da noch etwas geändert werden?
Leider sieht es überhaupt nicht so aus, wie ich es beschrieben habe.
Bräuchte nochmal Eure Hilfe!
MfG Speedy