Navigationsmenübreite konstant halten!

[KingLu]

Hi Leute,

hier meine Seite Hier
wenn ich die auflösung ändere dann wird das Nav menü natürlich kleiner!

Wenn ich min-width: einstelle bleibt zwar das Menü gleich aber ab einer gewissen auflösung verschiebt sich der content unter das menü....

--> das ist nicht sinn der Sache

Also wie schaffe ich es das das Menü id = left, konstante bereite erhält aber der Content nicht darunter verschwindet?

 

[Tronjer]

z.B. in dem du den Wrapper eine min-width gibst.

 

[Skeeve]

indem du der nagivation eine konstrante breite gibst und dem content bereich im margin bereich mit einer em angabe eine "prozentualen" angabe sagst das sie sich ändern soll/darf

 

[KingLu]

klappt bei mri leider nicht!
hier mein code

#wrapper {
width:100%;
min-width: 800px;
position:relative;
}

#wrapper:before {
content:"";
position:absolute;
left:0;  //Neue Position top:0;
bottom:0;
 width:11%; /* Neue Breite */
}

#wrapper:after {
content:"";
position:absolute;
right:0; /* Neue Position */
top:0;
bottom:0;
}

#left {
z-index:1;                           
float:left;
width: 150px;   
background-color: #f6f6f6;
box-shadow: 10px 10px 5px #888;
border: 1px solid #888;
min-width: 150px;
}

#content {
float:left;
margin-left: 0.8%;
width: 90%;
z-index:2;
 overflow: hidden; 
}

 

[Elroy]

Hallo.

Vieleicht habe ich dein Problem falsch verstanden, aber entferne doch von deinem #content das float und das width und gib ihm ein margin-left von ca. 170px.

Dann befindet sich dein content neben der Navigation falls es das ist was du willst.

Gruss
Elroy

 

[KingLu]

Danke :-D jetzt funktioniert es