2012-06-18 3 views
3

У меня проблема в Opera: при расширении ширины браузера до определенной суммы div прыгает с середины экрана вправо, рядом с другим div. Firefox и Chrome/Safari работают хорошо, и Opera только начинала создавать проблемы, пока не сработала.Opera перетаскивает div вправо

Вот CSS код

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

и HTML код

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

Плюс до/после фото :-)

how it should be and how it is until I expand

how it looks afterwards

+1

пытались ли вы 'Левое поле: авто;' и 'маржинального-право: авто;'? стоит того. Я столкнулся с аналогичной проблемой, но с IE7. Если вы попытаетесь это сделать, сначала удалите 'margin-auto;' или попробуйте равный/фиксированный 'px /%'. –

+0

Спасибо за ввод, но обе версии не будут работать. Я немного расстроен, так как Opera всегда была проблемой, и сейчас она подходит. Когда я удаляю средний кадр и получаю еще один div с краем: auto, я могу воспроизвести проблему в Chrome и т. Д. –

+1

Добро пожаловать. Вы пытались удалить инструкцию 'body' style или задать для нее маржу? Так много разных комбинаций. –

ответ

1

Почему бы вам не попробовать создать главный div с маркой: auto и width: 600; и сохранить весь сайт там? Вы избежите этих ходов тогда и даже если что-то вроде этого.

Кроме того, проблема может быть вызвана поплавком: слева в меню сверху, после того, как вы развернете браузер до определенной точки, так что вы можете поместиться в меню и middle_frame рядом друг с другом.

Extra DIV для всего контента будет исправить это

Смежные вопросы