Pozycjonowanie, problem po dodaniu div'a

[Tom1988p]

[pRzemo]

Jest kilka rozwiązań tego problemu. Ja "opatuliłem" #menu3 i #menu4 dodatkowym divem i przypisałem mu wartość float:right, jednocześnie usuwając tę właściwość z #menu3 i 4.

HTML:

Kod:

...
<div id="block">
        
            <div id="menu3">
                <h3>Menu 3</h3>
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
    
                </ul>
            </div>
            
            <!-- koniec div menu3 -->
    
            <div id="menu4">
                <h3>Menu 4</h3>
                <ul>
                    <li><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
    
                </ul>
            </div>
            
            <!-- koniec div menu4 -->
        
        </div>

...

CSS:

Kod:

#kontener {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    border: medium dashed;
}

#baner {
    height: 142px;
    border: medium solid #33CC00;
}

#menu1 {
    height: 50px;
    width: 900px;
    border: 3px double #2288EE;
}

#menu2 {
    float: left;
}

#block {
    float: right;
}

#tresc {
    float: left;
    border: medium dotted;
    width: 450px;
}

#menu2, #menu3, #menu4 {
    border: 3px double #2288EE;
    width: 200px;
}

#menu1, #menu2, #menu3, #menu4, #tresc, #baner {
    text-align: center;
}

Pozwoliłem sobie na usunięcie niektórych właściwości.