main container anpassen

[Beavis]

Guten zusammen

Ich habe mal eine kleine Frage
wenn ich eine kleine Auflösung mache, schiebt sich mein maincontainer mit in die navigation rein
(hier mal ein Bild)

Der CSS Code dazu ist der:
(Navi)

#mainmenu {
    background-color: rgb(51, 51, 51);
    float: left;
    width: 185px;
    height: 100%;
    display: block;
    left: 0px;
    top: 0px;
    position: fixed;
}

(Main Container)

#main {
    margin-left: auto;
    margin-right: auto;
    min-width: 600px;
    max-width: 69%;
    margin-top: 30px;
    padding: 10px;
    background: none repeat scroll 0% 0% white;
    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

In Moment bekomm ich den nicht richtig Positioniert bei einer kleineren Auflösung und hoffe das einer eine Idee für mich hat

 

[Elroy]

Hallo.

Du musst deinem main container ein margin left geben das breiter als dein Menü ist.
Also margin-left: 186px oder mehr.

Gruss
Elroy

 

[threadi]

Oder auf fixierte Positionierung verzichten, wäre die 2. Möglichkeit.