Показано с 1 по 8 из 8

Тема: Высота родительского блока в FF и Opera

Комбинированный просмотр

  1. #1

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    Интересует почему в FF и Opera родительский блок не изменяет свою высоту по отношению к вложенным блокам. IE красавец в этом вопросе.
    Код:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns=&#39;http://www.w3.org/1999/xhtml&#39;>
    <head>
    <style><!--
    body {background-color: aqua;}
    #container {width: 600px;margin: 0 auto;background-color: white;height: auto;}
    #left {float: left;width: 200px;height: 200px;background-color: yellow;}
    #content {width: 200px;float: left;background-color: red;}
    #right {float: right;width: 200px;height: 200px;background-color: green;}
    #bottom {width: 100%;clear: both;background-color: blue;}
    --></style>
    </head>
    <body>
    <div id="container">
    ****<div id="left">LEFT</div>
    ****<div id="content">CONTENT</div>
    ****<div id="right">RIGHT</div>
    ****
    </div>
    Почему в FF и Opera у блока container высота меньше чем у вложенных блоков ?
    </body>
    </html>

  2. #2

    Регистрация
    06.05.2007
    Адрес
    Россия
    Сообщений
    73
    т.к. float идет отдельным потоком, (типо сверху общего контента.) Можешь
    container&#39;у overflow: hidden; присвоить и тогда нормально вытянется блок контейнер.

  3. #3

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    IE – гавно в этом вопросе... (простите)...

    Originally posted by Cinic@Jun 18 2007, 02:21
    т.к. float идет отдельным потоком, (типо сверху общего контента.)
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Ну, это Вы уж слишком сказанули... )

    Рёга
    Юзайте поиск, я уже устал на эту тему разлагольствовать... )

    [Только зарегистрированные пользователи могут видеть ссылки. ]...

  4. #4

    Регистрация
    06.05.2007
    Адрес
    Россия
    Сообщений
    73
    Originally posted by Aykroyd@Jun 18 2007, 01:29
    IE – гавно в этом вопросе... (простите)...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Согласен полностью =)
    Originally posted by Aykroyd@Jun 18 2007, 01:29
    Ну, это Вы уж слишком сказанули... )
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    В принципе, Седерхольма процитировал Все равно float&#39;ы из общего потока выходят(отщепенцы фиговы

  5. #5

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Cinic@Jun 18 2007, 02:58
    В принципе, Седерхольма процитировал Все равно float&#39;ы из общего потока выходят(отщепенцы фиговы
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Пуленепробиваемая синяя книжка стоит на полке...
    Признаюсь честно – не читал... )) Все времени никак не найду...
    Да и говорят, что читать уже поздно... :ninja:

  6. #6

    Регистрация
    07.11.2006
    Адрес
    Смоленск
    Сообщений
    153
    Originally posted by Aykroyd+Jun 17 2007, 21:29-->
    IE – гавно в этом вопросе... (простите)...
    Почему ? Ведь в данном случае родительский элемент в IE занимает высоту вложенных в него блоков.
    <!--QuoteBegin-Aykroyd
    @Jun 17 2007, 21:29
    [b]Рёга
    Юзайте поиск, я уже устал на эту тему разлагольствовать... )
    Каюсь, буду стараться :]

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by Рёга@Jun 18 2007, 06:21
    Почему ? Ведь в данном случае родительский элемент в IE занимает высоту вложенных в него блоков.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Потому что в соответствии с правилами блочной модели контейнер должен занимать высоту вложенных в него блоков только в том случае, если эти блоки находятся в прямом потоке. Если же они "флоатнутые", высота их родительского контейнера должна "схлопнуться в нуль"... Что, в принципе, и наблюдается в нормальных браузерах...

    [Только зарегистрированные пользователи могут видеть ссылки. ] матчасть )

  8. #8

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Aykroyd@Jun 18 2007, 00:18
    Пуленепробиваемая синяя книжка стоит на полке...
    Признаюсь честно – не читал... )) Все времени никак не найду...
    Да и говорят, что читать уже поздно...* :ninja:
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    тебе, Костя, уже точно поздно =)

Похожие темы

  1. Ответов: 2
    Последнее сообщение: 09.08.2009, 23:33
  2. Растяжение родительского блока для float в IE6
    от Kiosuki в разделе Вёрстка сайта
    Ответов: 2
    Последнее сообщение: 09.06.2009, 21:42
  3. Прокрутка при 100% ширине блока
    от Lann в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 11.04.2008, 13:33
  4. Поднять блок выше родительского в мозилле
    от Грин в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 20.09.2007, 00:21
  5. высота div блока
    от EDuard в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 15.03.2006, 20:04

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •