✔ Anzeige Prob. FF

[freakcx]

Hi, habe einen Anzeigefehler im FF (im IE 6.x nicht) den ich nicht verstehe:

http://www.christiankrause.de/antz/index.htm

html {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0; 
	border:0; 
	background:#FFFFFF;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow: hidden; 
	}

body {
	height:100%; 
	max-height:100%; 
	overflow:hidden; 
	padding:0; 
	margin:0; 
	border:0;
	background:#FFFFFF;
	}

#head {
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	top:0; 
	width:588px; 
	min-width:588px; 
	height:135px; 
	background:#fff; 
	font-size:1em; 
	z-index:5; 
	border:0px;
	}
* html #head {
	top:0px; width:588px; height:135px;
	}
#navi {
	display:block; 
	position:absolute; 
	z-index:4; 
	top:135px; 
	bottom:52px; 
	width:588px; 
	margin-left:-321px; 
	left:50%; 
	border:0px;
	background:#fff;
	}

#content {
	display:block;
	position:absolute;
	background-image:url(images/bg_center.gif);
	z-index:3;
	top:192px;
	bottom:52px;
	width:588px;
	margin-left:-321px;
	left:50%;
	border:0px;
	}
* html #content {
	top:192; 
	bottom:10; 
	height:100%;
	width:588px;
	border-top:0px; 
	border-bottom:0px;
	}
	
#foot {
	text-align:center;
	position:absolute; 
	margin-left:-321px; 
	left:50%; 
	bottom:0; 
	width:588px; 
	min-width:640px; 
	height:10px; 
	background:url(images/bg_bottom.gif); background-position:0 0px; background-repeat:no-repeat;
	z-index:5; 
	border:0px;
	background-color:#FFFFFF;
	}

* html #foot {
	bottom:0px; width:588px; height:10px;
	}

weiß jemand wo ich den Fehler mache?

 

[freakcx]

niemand ne idee?

 

[Maik]

Nur nicht drängeln und das Thema pushen

Erhöhe für das DIV#content die Schichtposition z-index:3 auf '4', dann zeigen auch die non-IE Browsers FireFox, Mozilla, Netscape und Opera das DIV an.

Im Selektor * html content fehlt die Einheit px für die CSS-Eigenschaften top:192 und bottom:10.

 

[freakcx]

ok hab ich gemacht verändert sich trotzdem nichts :'( ich dreh noch durch bei CSS :-(

 

[Maik]

Seltsam, bei mir funktioniert's einwandfrei

Hier der Auszug aus deinem CSS-Posting, den ich vorhin korrigiert und in den o.g. Browsers erfolgreich getestet habe:

#content { 
    display:block; 
    position:absolute; 
    background-image:url(images/bg_center.gif); 
    z-index:4; 
    top:192px; 
    bottom:52px; 
    width:588px; 
    margin-left:-321px; 
    left:50%; 
    border:0px; 
    background: #dfdfdf; /* als Ersatz für nicht vorhandene Hintergrundgrafik */
    } 
* html #content { 
    top:192px;  
    bottom:10px;  
    height:100%; 
    width:588px; 
    border-top:0px;  
    border-bottom:0px; 
    }

Hast du den Wert für z-index auch mal testweise weiter erhöht, also auf '5' , '6', usw.?

 

[freakcx]

ROFL irgend was hat hier gespackt hier mit gehts :

#content { 
    display:block; 
    position:absolute; 
    background-image:url(images/bg_center.gif);
    z-index:1; 
    top:192px; 
    bottom:0px; 
    width:588px; 
    margin-left:-321px; 
    left:50%; 
    border:0px; 
    } 
* html #content { 
    top:192px;  
    bottom:10px;  
    height:100%; 
    width:588px; 
    border-top:0px;  
    border-bottom:0px; 
    }

Thx für den Denkanstoß und den berichtigten Fehler...