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

HTML+CSS+JavaScript

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

 

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

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

тема: Padding в FF
 
 автор: Axxil   (31.07.2008 в 17:59)   письмо автору
 
 

Есть простой код
  <div id="main">
    <div class="left">
       bla bla
    </div>
    <div class="right">
       bla bla
    </div>
  </div>


И стили к нему

#main{min-height:100%;}
#main .left,#main .right{float:left;overflow: hidden;padding:0.4em;}
#main .left{width:60%;padding-right:0.2em;}
#main .right{width:40%;padding-left:0.2em;}


В IE всё нормально. В Firefox правая колонка слетает вниз. Если padding убрать, то всё нормально.

Какой хак тут применяется? А то я не знаю даже как это у гугла спросить :(

или в резиновой вёрстке всё надо в процентах указывать?

  Ответить  
 
 автор: ExtraBrain   (01.08.2008 в 16:49)   письмо автору
 
   для: Axxil   (31.07.2008 в 17:59)
 

Если добавить вот это то слетает и в эксплорере
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


А если написать не
#main .left{width:60%;padding-right:0.2em;}
#main .right{width:40%;padding-left:0.2em;}

а
#main .left{width:59%;padding-right:0.2em;}
#main .right{width:39%;padding-left:0.2em;}


то нигде не слетает.
Просто по ширине не влазит вот и слетает.

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

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