IE8 проблема: div ломает черту, хотя она и всплыла - PullRequest
1 голос
/ 06 мая 2009

Это похоже на проблему IE8. У меня есть два div, которые находятся рядом, потому что я плаваю один из них слева. Однако, если содержимое внутри правого элемента div становится слишком большим для окна, правый элемент разделяет строку и переходит под левый элемент div. Как мне сделать так, чтобы оба div'а оставались на одном уровне рядом?

Вот код:

CSS:

    <style type="text/css">
    #left_div
    {
        float: left;
        width: 250px;
        height: 400px;
        border: solid 1px red;
    }
    #right_div
    {
        width: 3000px;
        border: solid 1px blue;
    }
</style>

HTML:

    <div id="left_div">
        text in left_div
    </div>
    <div id="right_div">
        text in right_div
    </div>

Ответы [ 3 ]

4 голосов
/ 06 мая 2009

Добавить число с плавающей запятой: также слева направо.

Если это что-то похожее на примеры, показанные Мэтью Джеймсом Тейлором и его Perfect 2 Column Left Menu , посмотрите, как он это делает, и, возможно, скопируйте его!


IE в прошлом также сталкивался с проблемой, заключающейся в том, что высота и ширина означали высоту-мин и ширину-мин, тем не менее позволяя блокам изменять размер, даже если для них установлены определенные ограничения. См. статью Webcredible , прежде всего номер 2 в их списке!

0 голосов
/ 27 ноября 2009

изменить тип документа: (IE8 нужен для корректной визуализации веб-страницы)

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Strict // EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" rel="nofollow noreferrer">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

(я редактировал URL с пробелами, поэтому не забудьте удалить их :))

0 голосов
/ 07 мая 2009

Вы также можете добавить левое поле размером не менее 250 пикселей (ширина left_div) к right_div, чтобы всегда оставалось место для left_div рядом с right_div.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...