CSS Layout

McWolle · 28.11.2005, 22:45

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:

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);
}

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

Calexico · 28.11.2005, 23:24

mit CSS ist das leider nicht möglich...

oder hat sich mittlerweile was geändert?

toscho · 29.11.2005, 01:22

Suche nach »faux columns«.

30.11.2005, 00:47

das kann man auch über minimum height regeln .. allerdings funzt das im moment noch nicht in jedem browser .. also in firefox gehts aber IE glaub ich nicht ..
wenn du keinen footer hast sollte es aber gehen ... hatte ich auch mal .. nur sobald du unter den 3 containern nebeneinander noch nen footer hast bekommste glaub nen problem .. aber so ganz genau weiß ich das auch nicht mehr

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2-spaltiges Layout	dh1sbg	HTML, Usability und Barrierefreiheit	7	13.11.2006 13:52
css layout frage		HTML, Usability und Barrierefreiheit	1	23.02.2006 20:56
Lücke im Layout	Maho88	HTML, Usability und Barrierefreiheit	10	21.02.2006 18:50
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
problem mit layout		Beitragsarchiv	12	13.10.2005 12:41
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
Wer gestalt mir das Layout meiner Seite ?		Beitragsarchiv	11	17.09.2005 10:35
Layout verschiebt sich bei kleinerem Fenster	Dragon26mFR	HTML, Usability und Barrierefreiheit	7	26.07.2005 21:10
Layout / CSS-Problemchen im FF	Calexico	HTML, Usability und Barrierefreiheit	6	20.07.2005 14:28
[Erledigt] <div> layout funtzt nicht!!		HTML, Usability und Barrierefreiheit	7	20.04.2005 19:10
Layout mittels DIV und CSS		HTML, Usability und Barrierefreiheit	4	21.12.2004 13:02
Layout alt gegen Neu :)	themonk	Off-Topic Diskussionen	65	26.10.2004 13:53

28.11.2005, 22:45
McWolle Neuer Benutzer Registriert seit: 07.08.2004 Beiträge: 12	CSS Layout 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: 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); } 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


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

28.11.2005, 23:24
Calexico Erfahrener Benutzer Registriert seit: 08.11.2003 Beiträge: 139	mit CSS ist das leider nicht möglich... oder hat sich mittlerweile was geändert?

29.11.2005, 01:22
toscho Erfahrener Benutzer Registriert seit: 26.09.2004 Beiträge: 430	Suche nach »faux columns«.

30.11.2005, 00:47
Gast Beiträge: n/a	das kann man auch über minimum height regeln .. allerdings funzt das im moment noch nicht in jedem browser .. also in firefox gehts aber IE glaub ich nicht .. wenn du keinen footer hast sollte es aber gehen ... hatte ich auch mal .. nur sobald du unter den 3 containern nebeneinander noch nen footer hast bekommste glaub nen problem .. aber so ganz genau weiß ich das auch nicht mehr