Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: ИЕ 6 с его прелестями, не понятный отступ между блоками
 
 автор: TetRiska   (20.05.2010 в 11:30)   письмо автору
37.7 Кб
 
 

Всем привет. Верстаю, верстаю, во всех браузерах норм, даже в ИЕ 7, но в ИЕ 6, тупо делает отступ :( Я стрелочкой указал.
Структура хтмл и ксс:
<div id="line_10"></div>
<div id="line_11"></div>
<div id="line_12"></div>
<div class="br"></div> <!--перевод вывода следующих блоков на новую строку....в этом месте как раз и разрыв в ИЕ 6-->
<div id="line_13"></div>
<div id="line_14"></div>
<div id="line_15"></div>

#line_10{float:left;background:url(../img/left_line.png) repeat-y;height:10px;width:49px;}
#line_11{float:left;background:url(../img/top.png) no-repeat;height:10px;width:676px;}
#line_12{float:left;background:url(../img/right_line.png) repeat-y;height:10px;width:50px;}
#line_13{float:left;background:url(../img/left_line.png) repeat-y;height:400px;width:49px;}
#line_14{float:left;height:400px;width:676px;}
#line_15{float:left;background:url(../img/right_line.png) repeat-y;height:400px;width:50px;}
.br{clear:both;}

Кто скажет почему так?

  Ответить  
 
 автор: psychomc   (20.05.2010 в 12:53)   письмо автору
 
   для: TetRiska   (20.05.2010 в 11:30)
 

margin: 0px

  Ответить  
 
 автор: Lelik   (20.05.2010 в 13:44)   письмо автору
 
   для: TetRiska   (20.05.2010 в 11:30)
 

для блоков, высота у которых меньше 12-14 пикселей и там будет только картинка, лучше задавать следующие стили

line-height: 0px;
font-size: 0px;

  Ответить  
 
 автор: АЯ   (20.05.2010 в 21:09)   письмо автору
 
   для: Lelik   (20.05.2010 в 13:44)
 

А лучше вообще для всех задать overflow: hidden

  Ответить  
 
 автор: TetRiska   (21.05.2010 в 15:12)   письмо автору
 
   для: АЯ   (20.05.2010 в 21:09)
 

насчет оверфлоу не пробовал, во методом тыка вчера решил проблему, как указал Lelik фонт-сайз помог...всем спасибо!

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования