CODEWITHSUNDEEP
htmlcss
Liam Schnell
Liam Schnell

Reputation: 482

Opera drags div to right

I've got a problem in Opera: When expanding the browser width to a certain amount, the div is jumping from the middle of the screen to the right side, near another div. Firefox and Chrome/Safari are working well and Opera just began making problems, before it worked too.

Here is the CSS Code

    root { 
    display: block;
}
body{
    margin: 0px;
}
.middle_frame{
    width: 600px;
    height: 600px;
    max-width: 600px;
    max-height: 600px;
    margin: auto;
}

and the HTML code

<body>              
        <div class="middle_frame">
                <div class="plz_list" id="plz_div">
                     blabla
                </div>
        </div>
</body>

Plus a before/after picture :-)

how it should be and how it is until I expand

how it looks afterwards

Upvotes: 3

Views: 123

Answers (1)

Przemek
Przemek

Reputation: 21

Why don't you try create main div with margin:auto and width:600; and keep whole site in there? You will avoid those moves then and even if something like that.

Also you problem may be caused by float:left in menu on the top, once you expand browser to certain point, so you can fit menu and middle_frame beside each other opera is doin it.

Extra div for whole content will fix it

Upvotes: 1

Related Questions