Probleme mit Abständen und z-index (DIV)

Status
Nicht offen für weitere Antworten.
Dann formatiere auch dieses DIV mit der height:100%-Eigenschaft ;)

Und nenne bitte beim nächsten Mal gleich zu Beginn alle enthaltenden Seitenelemente und serviere die Infos nicht "häppchenweise".
 
:( Es geht immernoch nicht...

Hier nochmal alle CSS-Teile:


HTML: 
html, body {  margin:0; padding:0; height:100%; }

#container     { width:920px; height:100%; z-index:2; background-color:#5f7f94; background-image:url('images/body_main_bg.gif'); background-repeat: repeat-y; position:relative; left:50%; margin-left:-460px; text-align:center; }

#box_outer    { float:left; height:100%; width:165px; overflow:visible; border-left:solid 1px #607f93; background-color:#fef5e4;}
#box_inner    { float:left; width:740px; height:100%; overflow:auto; background-color:#FFF;}

Vielleicht findest Du ja einen Fehler...

#container = Basis DIV (Rahmen)
#box_outer = rechte Spalte
#box_inner = linke (Haupt-)Spalte
 
Am CSS-Code kann es nicht liegen, denn der funktioniert weiterhin in allen mir zur Verfügung stehenden Browsern fehlerfrei.

Zeig doch mal den vollständigen Quelltext deiner HTML-Seite, vielleicht gibt es ja noch ein weiteres DIV, das die Regel wieder aushebelt?
 
Vielleicht hilft dir ja der Quelltext meiner Testseite bei der Fehlersuche weiter:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
html, body {
height: 100%;
}

#container {
width:920px;
z-index:2;
background-color:#5f7f94;
background-image:url('images/body_main_bg.gif');
background-repeat: repeat-y;
position:relative;
left:50%;
margin-left:-460px;
text-align:center;
height: 100%;
}

#box_outer  {
float:left;
width:165px;
height:100%;
overflow:visible;
border-left:solid 1px #607f93;
background-color:#fef5e4;
}

#box_inner {
float:left;
width:740px;
height:100%;
overflow:auto;
background-color:#ffff00;
}
-->
</style>

</head>
<body>

<div id="container">
     <div id="box_inner">box_inner</div>
     <div id="box_outer">box_outer</div>
</div>

</body>
</html>
  • Browsercheck: Firefox 1.5.0.4, IE 6.0, Mozilla 1.7.12, Netscape 7.0, Opera 8.50 | Win2000
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück