DIV TABLE Formatieren

[kevin123]

Hallo,

folgendes Problem habe ich. Meine Divs 4 nebeneinander stelle ich mit display:table dar. Das funktioniert soweit gut. Nur das sich die Inhalte des Inhalts DIVs nach unten verschieben siehe Bild. Wie kann das gelöst werden.

Es sollen Alle DIVs die gleiche Höhe haben, die Texte sollen alle oben im DIV stehen.

Danke für eure Hilfe.

Hier der verwendete HTML Code und CSS.

HTML

<div id="inhalt_table">  
	<div id="inhalt_tr">  
		<div id="inhalt_links"><img border="0" src="Bilder/content_left.jpg" width="65" height="2"></div>  
		<div id="inhalt_boxen">Kategorie1<br>Kategorie2<br>Kategorie3<br>Kategorie4</div>			  
		<div id="inhalt_inhalt">Text Text Text Text<br>Text Text Text</div>	  
		<div id="inhalt_rechts"><img border="0" src="Bilder/content_right.jpg" width="58" height="2"></div>  
	</div>  
</div>

CSS

div#inhalt_table {  
	display:table; border-collapse:collapse;  
	width:100%;  
}  
div#inhalt_tr {  
	display:table-row;  
}  
div#inhalt_links {  
	display:table-cell;  
	width:65px;  
	background-image:url("Bilder/content_left.jpg"); background-repeat:repeat-y;  
}  
div#inhalt_boxen {  
	display:table-cell;  
	width: 244px;  
	background-color:#FF0000;  
	float:left;  
}  
div#inhalt_inhalt {  
	display:table-cell;  
	padding-top: 10px;  
	padding-left: 10px;  
	width: 100%;  
	background-color:#FFFF00;  
}  
div#inhalt_rechts {  
	display:table-cell;  
	width:58px;  
	background-image:url("Bilder/content_right.jpg"); background-repeat:repeat-y;  
}

[Beat]

folgendes Problem habe ich. Meine Divs 4 nebeneinander stelle ich mit display:table dar. Das funktioniert soweit gut. Nur das sich die Inhalte des Inhalts DIVs nach unten verschieben siehe Bild. Wie kann das gelöst werden.
Es sollen Alle DIVs die gleiche Höhe haben, die Texte sollen alle oben im DIV stehen.

vertical-align

float hebt display:table-cell auf!

mfg Beat

[Gunnar Bittersmann]

@@Beat:

nuqneH

float hebt display:table-cell auf!

Genauer gesagt: 'float' setzt den Wert der 'display'-Eigenschaft von "table-cell" auf "block". [CSS21 §9.7]

Qapla'