Hallo zusammen,
habe ein "kleines" CSS-Problem bei dem ich einfach keine idee mehr hab wie ich das ohne Tabelle lösen könnte.
Ich habe hier: http://83.243.82.71/website/ eine Seite.
Es gibt hier Header, Left, Middle, Right und Footer.
Mein PRoblem ist das sich die mittleren 3 container von der höhe optimalerweise an das höchste element anpassen sollen.
Hierzu habe ich auch mal Left, Middle und Right in einen weiteren Container gesteckt und dann Height: 100% gemacht aber das geht auch nicht.
Soweit sieht mein CSS Code mittlerweile aus:
Hab jetz einfach keine Idee mehr wie ich das löse.
Bei Tabellen würd ich jetzt einfach ne Tabelle mit 3 Spalten machen und da ist ja immer die höhe = der höchsten spalte die sich dem inhalt anpasst.
Danke schonmal im Voraus
McWolle
habe ein "kleines" CSS-Problem bei dem ich einfach keine idee mehr hab wie ich das ohne Tabelle lösen könnte.
Ich habe hier: http://83.243.82.71/website/ eine Seite.
Es gibt hier Header, Left, Middle, Right und Footer.
Mein PRoblem ist das sich die mittleren 3 container von der höhe optimalerweise an das höchste element anpassen sollen.
Hierzu habe ich auch mal Left, Middle und Right in einen weiteren Container gesteckt und dann Height: 100% gemacht aber das geht auch nicht.
Soweit sieht mein CSS Code mittlerweile aus:
Code:
* { color: #FFFFFF; font-size: 9pt; font-family: Arial, helvetica; } img { border: 0px none #000000; } body { text-align: center; background-color: #666666; } .container-all { width: 955px; margin:auto; text-align: left; } .container-header { height: 115px; text-align: right; padding-top: 5px; padding-right: 5px; background-image: url(../images/templates/top.jpg); background-repeat: no-repeat; } .container-left { width: 126px; float: left; background-image: url(../images/templates/menuback/left.jpg); } .container-middle { float: left; background-image: url(../images/templates/mainback.jpg); } .container-right { width: 126px; float: right; background-image: url(../images/templates/menuback/right.jpg); } .container-footer { clear: both; height: 32px; background-image: url(../images/templates/bottom.jpg); }
Bei Tabellen würd ich jetzt einfach ne Tabelle mit 3 Spalten machen und da ist ja immer die höhe = der höchsten spalte die sich dem inhalt anpasst.
Danke schonmal im Voraus
McWolle
Kommentar