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

HTML+CSS+JavaScript

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

 

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

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

тема: высота div'ов в Firefox
 
 автор: pina   (27.12.2007 в 14:35)   письмо автору
 
 

Проблема стоит в высоте div'a. В IE и Operа все нормально - высота вычисляется автоматически, а в FF блок высотой наверно 1px.
Если задать вручную высоту height, то в FF, все ОК...
Вот примерный код:

<html>
<head>
<style>
#head{padding:0; margin:0 auto; width:800px;border:1px solid #000;}
#head_left{padding:0; margin:0; float:left;}
#head_right{padding:0; margin:0; float:right;}
</style>
</head>
<body>
<div id=head>
<div id=head_left>head left</div><div id=head_right>head right</div>
</div>
</body>
</html>

И еще один вопросик: увеличиваю масштаб в Opere - все нормально, увеличивается шрифт и ширина и выстоа блоков, короче все увеличивается. Увеличиваю в FF - блоки стоят на месте, а шрифты увеличиваются и все размазывается. Можно как нибудь в FF это дело исправить?

   
 
 автор: AlexSol   (27.12.2007 в 14:52)   письмо автору
 
   для: pina   (27.12.2007 в 14:35)
 

проблемы с float

   
 
 автор: pina   (27.12.2007 в 15:05)   письмо автору
 
   для: AlexSol   (27.12.2007 в 14:52)
 

Я немного не понял, точнее вообще не понял... :)

Не мог бы ты процитировать решение проблемы здесь?

   
 
 автор: AlexSol   (27.12.2007 в 15:24)   письмо автору
 
   для: pina   (27.12.2007 в 15:05)
 

последний абзац:

Вот еще один пример с принудильным переносом строки. Без использования
<div class=“clear” ></div> высота блока #main будет нулевой.


<style type="text/css"> 
#main{
    border:1px solid silver;
}
#main div { 
    float: left; 
    width: 100px; 
    height: 100px;
    border:1px solid red;
}
#main  div.clear{
    clear:both;
    font-size:0;
    line-height:0;
    height:0;
    border:none;
    float:none
}
</style>
<div id="main"> 
  <div></div> 
  <div></div> 
  <div></div> 
  <div class="clear"></div>
</div> 

   
Rambler's Top100
вверх

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