Tabellen werden nicht von der content box "umrahmt"?

[Nagash]

Hallo, hab hier ein Gestaltungsproblem mit CSS.

Meine Tabelleninhalte werden nicht von meiner contet-Box umschlossen.
Hier mal das Beispiel:

http://www.metal-maniacs.net/test/t...p_detailausgabe.inc.php&kategorie=2&eventid=7

Die <h></h> Tags und <img> Tags werden in den roten Rahmen geschrieben, die <table> Tags allerdings nicht?

Eigentlich sollte das so:
http://www.metal-maniacs.net/test/t...p_detailausgabe.inc.php&kategorie=2&eventid=6
aussehen.
Hier funktioniert das aber nur, weil das Bild hinter die Tabelle gesetzt wird, und die "content Box" um die table Box zieht. Im IE sieht das ganze dann wieder anderst aus, weil er das Bild neben der Tabelle anzeigt...
Wenn kein Bild vorhanden ist, bleibt die Content-Box nur um den Inhalt der <h></h> tags.

Hier mein Darstellungs html code:

<div><center>

<h2>##TITEL##</h2>
<h3>##DATUM##</h3>


<table align="left" width="150px">
<tr><td><p>Details:</p></td><td>##DETAILS##</td></tr>
<tr><td><p>Ort:</p></td><td>##ORT##</td></tr>
<tr><td><p>Location:</p></td><td>##LOCATION##</td></tr>
<tr><td><p>Einlass:</p></td><td>##TIME##</td></tr>
<tr><td><p>Link:</p></td><td><a href="##URL##">##URL##</a></td></tr>
</table>
</center></div>
<img src="##FLYERURL##">

Wie kann ich das umgehen, bzw. ändern?

 

[freakcx]

versuchs mal mit height:100%; ansonsten zeig mal den code der boxen dies betrifft keine lust das selber zu suchen.

 

[Nagash]

Danke für den Tipp.
Jetzt funktionierts im IE, aber im FireFox leider noch nicht...

Hier mal der Code:

div#contentcontainer {
		
                height: 100%;
		margin: 0 210px 0 160px;
		padding: 5px;
		border: 1px solid black;
		background-color: #440000;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	
div#contentcontainer .content {
		
                height: 100%;
		margin: 0.5em;
		paddin: 0.5em;
		color: white;
		border: 1px solid white;
		background-color: black;
		
	}
	
div#contentcontainer .content table {
		background-color: #440000;
}

Möchte einfach, dass jeglicher inhalt der content-box vom contentcontainer umschlossen wird.

 

[Maik]

Korrigiere mal den Fehler im CSS-Code, es fehlt das g bei der CSS-Eigenschaft padding:

div#contentcontainer .content {
		
                height: 100%;
		margin: 0.5em;
		padding : 0.5em;
		color: white;
		border: 1px solid white;
		background-color: black;
		
	}

 

[Fiberman]

probier mal diese beiden:

min-height: 100.00%;
height: auto !important;

ich glaube der FF muss das min-height haben, damit er das Anzeigt und andere Browser noch das height: auto !important:

aber mit min-height sollte alles klappen

Gruß