nicht angemeldet
Mitte mit fester Breite
Hallo,
habe folgendes Problem. Möchte CSS Layout erstellen mit folgendem Aufbau:
[links1: variable][mitte1: fest auf 779px][rechts1: variable]
[links2: variable][mitte2: fest auf 779px][rechts2: variable]
[links3: variable][mitte3: fest auf 779px][rechts3: variable]
Versuche nun als einfachen Einstieg erst einmal folgendes zu realisieren:
[links1: variable][mitte1: fest auf 779px][rechts1: variable]
Mein Problem ist nun, dass wenn ich die Hintergrundfarbe von links1 und rechts1 definiere, diese nicht über den gesamten variablen Bereich von links1 geht sondern nur über meinen kurzen Beispieltext (2 Zeichen).
Hier mein ccs file und die index.php (Ausschnitt).
CSS:
html {
padding:0px;
margin:0px;
}
body {
background-color: #e1ddd9;
font-size: 12px;
color:#564b47;
text-align:center;
margin:0px;
padding:0px;
}
div#site {
font-size: 0.9em;
}
div#top_left {
float: left;
background-color: #584026;
}
div#top_right {
float: right;
background-color: #584026;
}
div#top_middle {
width: 797px;
margin-right: auto;
margin-left: auto;
background-color: #000;
}
index.php (Ausschnitt):
<body>
<div id="site">
<div id="top_right">
tr
</div>
<div id="top_left">
tl
</div>
<div id="top_middle">
tm
</div>
</div>
</body>
-
Mein Problem ist nun, dass wenn ich die Hintergrundfarbe von links1 und rechts1 definiere, diese nicht über den gesamten variablen Bereich von links1 geht sondern nur über meinen kurzen Beispieltext (2 Zeichen).
Such mal nach "faux columns", ich habe leider den Link nicht mehr parat.
Best wishes, imho_tep