Fixiertes Menü (position: fixed)

**tobi-848** · 13-07-2008, 16:47

Ich möchte links ein fixiertes menü haben (ca 15% der seite) und rechts der inhalt.

im ie klappt das prima.

leider werden im firefox die beiden layers übereinandergelegt.

kann mir jemand sagen, wie man das ändern kann?

danke

hier der css code

Code:

body{ 
font-family: Calibri, Arial, sans-serif; 
font-size: small;
color: #E9EDC8;	  
margin: 0 0 0 0;
scrollbar-base-color: #E9EDC8;
scrollbar-track-color: #003300;
scrollbar-highlight-color: #000000;
scrollbar-3d-light-color: #003300;
scrollbar-darkshadow-color: #007F00;
scrollbar-shadow-color: #000000;


background-color: #999999;
} 


#menu_cont {
overflow:hidden;
position: fixed;
height: 90%;
width: 70%;
margin-left: 2em;
margin-right: 2em;
top: 2em;
background-color:red;
z-index:1;
}


#inhalt_cont {
overflow:auto;
position: fixed;
height: 90%;
width: 70%;
background-color:orange;
z-index:1;
}

seitenaufbau:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head></head>
<body>";
<div id='menu_cont'><div id='menu'>
menü...
</div></div>
<div id='inhalt_cont'>
text...
</div>
</body>

**anna55** · 13-07-2008, 17:26

Hast Du mal ein Beispiel online? So sieht es bei mir im FF2 und IE7 gleich aus, lediglich im IE6 merkwürdig.
Beispiel für fixierte Navi: Fixierte Navigation nur für moderne Browser

Edit: Hier noch ein Beispiel.