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

Тема: проваливание блоков в ИЕ

  1. #1

    Регистрация
    13.03.2007
    Сообщений
    67
    У меня постоянная проблема с проваливанием блоков в Ие(если менят размеры окна браузера), из-за этого невозможно свертсать какие бы то нибыло элементы, кот. идут флоатные блоки в % один за другим.

    Вот пример (с Инета правда), но суть всё время таже, 2 блока по 50% или 5 по 20%, которые лежат в др.блоке 100% ширины проваливаются
    Код:
    <?xml encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">
    <head>
    <title>Example2</title>
    <meta http-equiv="Content-Language" content="ru" />
    <link rel="stylesheet" href="css/main.css" type="text/css" />
    </head>
    <body>
    <div style="width:100%">
    <div style="width:50%;background-color: red;float:left;height: 100px;"></div>
    <div style="width:50%;background-color: black;float:left; height: 100px;"></div>
    </div>
    </body>
    Скажиет какой выход то? Это у меня саая большая проблема...везде всё ок с вёрсткой, но как только сталкиваюсь с этой проблемой в Ие - всё едет наперекосяк!

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

    возможно поможет, если я правильно понял проблему...

  3. #3

    Регистрация
    13.03.2007
    Сообщений
    67
    Originally posted by never_again@Sep 18 2007, 09:48
    [Только зарегистрированные пользователи могут видеть ссылки. ]

    возможно поможет, если я правильно понял проблему...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    посмотрела я совет..но он почему то помогает не везде
    в варианте 5 блоков по 20% в блоке шириной 100% у меня так и падают блоки в ИЕ
    Код:
    #cont {width: 100%; overflow: hidden;}
    .block {float:left;width:20%; background: #ffcccc;}

  4. #4

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186
    так работает:
    Код:
    <div style="width:100%;">
    <div style="width:49.99%;background-color: red;float:left;height: 100px;"></div>
    <div style="width:50%;background-color: black;float:left; height: 100px;"></div>
    </div>

  5. #5

    Регистрация
    13.03.2007
    Сообщений
    67
    Originally posted by garA@Sep 18 2007, 14:10
    так работает:


    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    в моем варианте так нельзя...заметен будет 0,1% сдвиг (блоки потому что в цвете)

  6. #6

    Регистрация
    06.02.2007
    Адрес
    Kazan
    Сообщений
    186

    Сообщение

    Originally posted by DELPHIna@Sep 18 2007, 12:57
    в моем варианте так нельзя...заметен будет 0,1% сдвиг (блоки потому что в цвете)*
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    если быть чуток точнее, то 0,01
    а если попробовать задать не 49,99%, а 49,999%? визуально различий между 49,999% и 50% я не заметил, и в то же время в ИЕ работает.. :read:

  7. #7

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    1. [Только зарегистрированные пользователи могут видеть ссылки. ]
    2. А не из-за отсутствия ли min-width блоки в IE проваливаются? )

Похожие темы

  1. Страница из 3х блоков
    от shreq в разделе Вёрстка сайта
    Ответов: 1
    Последнее сообщение: 05.11.2007, 04:44
  2. Высота вложенных блоков
    от Рёга в разделе Вёрстка сайта
    Ответов: 4
    Последнее сообщение: 02.04.2007, 23:28
  3. Линия из 3х блоков
    от snekaaa в разделе Вёрстка сайта
    Ответов: 9
    Последнее сообщение: 12.03.2007, 09:51
  4. Сворачивание блоков таблицы.
    от Zigzag в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 25.02.2006, 14:06
  5. CSS дизайн. Чентральное расположение блоков.
    от Nicolas Prof в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 16.05.2005, 01:25

Ваши права

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