Problem mit CSS, IE6 und DIV, Inhalt wird abgeschnitten.

[Skoll]

Hallo,

ich habe derzeit ein Problem mit dem IE6.
Bei einer Seite mit Div-Layout wird beim IE6 der Inhalt nicht angezeigt. In anderen Browser wie Opera und Firefox funktioniert es jedoch.
Die Seite hat folgende Eigenschaften (per CSS festgelegt):
Erstmal die allgemeinen Angaben zur Seitenhöhe:

hmtl  
{  
	height:100%;  
}  
  
body  
{  
	margin-bottom:1px;  
	height: 99.9%;  
}

Alle Inhalte sind in einem Div platziert:

#main_box  
{  
	width:1000px;  
	height:99.9%;  
	display:table;  
	margin-left:auto;  
	margin-right:auto;  
	padding:0px;  
	background-color:#ffffff;  
}

Dann kommt ein Header, daraunter links ein Menü und rechts daneben eine Navigationsleiste mit dem Seiteninhalt darunter.

Navigationsleiste und Seiteninhalt sind in einem Div gekapselt, der content_box. Diese floated rechts von dem Menü.

#content_box  
{  
	width:848px;  
	display:table;  
	overflow:visible;  
	margin-right:0px;  
	padding-right:0px;  
	float:right;  
}

Das Problem ist nun das der Seiteninhalt immer abgeschnitten wird wenn er zu lang ist.

#page_content  
{  
	width:832px;  
	padding-left:1em;  
	margin-right:-1em;  
	padding-top:0.6em;  
}

Hat jemand eine Ahnung wie ich dafür sorgen kann das die Höhe der Seite zwar (fast) bis an den unteren Rand reicht, aber wenn der Inhalt länger als die Seite ist, diese verlängert wird?
Wie gesagt, im Firefox und Opera ist das kein Problem, IE7 und IE8 konnte ich nicht testen. Im IE6 geht es derzeit jedenfalls nicht.

[ChrisB]

Hi,

ich habe derzeit ein Problem mit dem IE6.
Bei einer Seite mit Div-Layout wird beim IE6 der Inhalt nicht angezeigt.

Da du nur CSS-Schnippsel zeigst, kann ich nur raten, dass es vielleicht einer der alten Bekannten Peekaboo oder Guillotine sein könnte.

MfG ChrisB

[Skoll]

Hi,

display:table;

Du erwartest aber nicht, daß der IE 6 das versteht?
Wenn doch: dann muß ich Dich enttäuschen, die table*-Werte für display kennt der IE 6 nicht.

Ansonsten: CSS ist ziemlich wertlos, wenn man nicht weiß, worauf das angewendet wird.

cu,
Andreas

Anscheinend ist das auch der Knackpunkt, es macht beim IE6 keinen Unterschied ob das dort ist oder nicht. Wenn es der IE6 nicht unterstützt weiß ich wenigstens schon einmal wo genau das Problem liegt.

Hi,

ich habe derzeit ein Problem mit dem IE6.
Bei einer Seite mit Div-Layout wird beim IE6 der Inhalt nicht angezeigt.

Da du nur CSS-Schnippsel zeigst, kann ich nur raten, dass es vielleicht einer der alten Bekannten Peekaboo oder Guillotine sein könnte.

MfG ChrisB

Ich glaube nicht das es der Bug ist, bin mir aber nicht ganz sicher.

Hier ist nochmal der HTML Part der Seite indem die Divs angewendet werden:

<div id="main_box">  
	<div id="header">  
		<div id="logo"></div>  
	</div>  
	<div id="menu_box">  
		<div id="menu">  
		[code lang=php]<?php $c_website->CreateMenu(); ?>

	</div>  
</div>  
<div id="content\_box">  
	<div id="navigation">  
		~~~php

<?php
$c_website->NavigationManager();
?>

		</div>  
		<div id="page\_content">  
		~~~php
<?php  
			include($c_website->SectionManager());  
		?>

	</div>  
</div>  

</div>[/code]

Ich hoffe das macht es etwas anschaulicher.

Gibt es denn eine Element die ähnlich wie Style="display:table;" im FF funktioniert? Wie gesagt das äußere Element soll vergrößert werden wenn das innere Element zu groß ist.

Danke schonmal für die Hinweise!

Viele Grüße,
Skoll

[MudGuard]

Hi,

display:table;

Du erwartest aber nicht, daß der IE 6 das versteht?
Wenn doch: dann muß ich Dich enttäuschen, die table*-Werte für display kennt der IE 6 nicht.

Ansonsten: CSS ist ziemlich wertlos, wenn man nicht weiß, worauf das angewendet wird.

cu,
Andreas