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

Тема: высота div в IE

  1. #1

    Регистрация
    15.03.2006
    Сообщений
    41

    В IE при установке <div style="height:1xp;"></div>
    div растягивается по высоте не существующего текста. Решаю с помощью [img]0.gif[/img]
    Вопрос : а стилями можно?

  2. #2

    Регистрация
    15.03.2006
    Сообщений
    41
    Сразу оговорюсь: подобный метод не работает ->
    Код:
    font-size:0;
    line-height:0;

  3. #3

    Регистрация
    07.07.2006
    Сообщений
    105
    Код:
    <style type="text/css">
    ****div.line{height: 1px; line-height: 1px; font-size: 1px; background: red;}
    ****</style>

  4. #4

    Регистрация
    15.03.2006
    Сообщений
    41
    makeitso, при твоем методе линия все равно на один пиксель разница от других браузеров, а вот при таком методе все ОК. При чем комментарий в DIV обязателен. Спасибо, натолкнул на мысль.
    Код:
    <style type="text/css">
    div.line{height: 1px; background: red;}
    </style>

  5. #5

    Регистрация
    07.07.2006
    Сообщений
    105
    makeitso, при твоем методе линия все равно на один пиксель разница от других браузеров
    Пример жду, происходит где такое если

  6. #6

    Регистрация
    09.02.2004
    Адрес
    Литва/Вильнюс
    Сообщений
    359
    А разве не обсурд, использовать div высотой в 1 пиксель?

  7. #7

    Регистрация
    15.03.2006
    Сообщений
    41
    Originally posted by agat@Aug 11 2006, 11:02
    А разве не обсурд, использовать div высотой в 1 пиксель?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Предлагаешь использывать <hr>?

  8. #8

    Регистрация
    07.07.2006
    Сообщений
    105
    Лучше стилизовать сами блоки border-top/bottom.

  9. #9

    Регистрация
    23.03.2004
    Адрес
    Беларусь/Минск
    Сообщений
    926
    Originally posted by Saint_Matrix@Aug 11 2006, 11:45
    makeitso, при твоем методе линия все равно на один пиксель разница от других браузеров, а вот при таком методе все ОК. При чем комментарий в DIV обязателен. Спасибо, натолкнул на мысль.
    Код:
    <style type="text/css">
    div.line{height: 1px; background: red;}
    </style>
    <div class="line"></div>
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>
    потому, как XHTML не разрешает отображение пустых блоков, типа как ситуация была с NN 4.0 с таблицами, насколько я помню, когда и появились прозрачные распорные картинки....

    Originally posted by agat@Aug 11 2006, 15:02
    А разве не обсурд, использовать div высотой в 1 пиксель?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    абсурд

    Originally posted by Saint_Matrix@Aug 11 2006, 20:43
    Предлагаешь использывать <hr>?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    нет, насколько помню, нельзя если XHTML (могу ошибаться, искать лень )

    Originally posted by makeitso@Aug 11 2006, 21:07
    Лучше стилизовать сами блоки border-top/bottom.
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    вот это правильно

Похожие темы

  1. Высота дива
    от Dragonfly в разделе Вёрстка сайта
    Ответов: 10
    Последнее сообщение: 30.04.2008, 01:44
  2. 100% высота для div-а
    от sssergius в разделе Вёрстка сайта
    Ответов: 6
    Последнее сообщение: 28.10.2007, 14:43
  3. Высота <li> в подлом IE
    от Petrav в разделе Вёрстка сайта
    Ответов: 5
    Последнее сообщение: 31.12.2006, 03:40
  4. Относительная высота DIVа
    от Webtailor в разделе Вёрстка сайта
    Ответов: 8
    Последнее сообщение: 28.12.2006, 19:56
  5. высота div блока
    от EDuard в разделе Вёрстка сайта
    Ответов: 3
    Последнее сообщение: 15.03.2006, 20:04

Ваши права

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