Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Странные глюки в FF c параметрами height и width 
:(
    Опции темы
Serge2k
Дата 12.8.2005, 17:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 28
Регистрация: 16.7.2005

Репутация: нет
Всего: нет



Вот простой код... IE и Опера отрабатывают его как надо... А вот FF через ж... Должен получиться красный квадратик внутри зеленого... Может я чет не допонимаю...
Заранее всем благодарен..
Код

<div style="width:400px;height:100px; border-style:solid;border-color:#00FF00; margin:0;padding:0;">
<div style="width:100%;height:100%; border-style:solid;border-color:#FF0000; padding:10px"></div>
</div>

PM MAIL   Вверх
o.s.a.
Дата 12.8.2005, 19:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 3
Всего: 15



Это из-за того, что в Лисе толщина границы (border) не входит в размеры самого бокса.
Поэтому если ты хочешь один квадрат внутри другого придется делать так
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
<style type="text/css">
 .div1 { width: 400px;
         height: 100px; 
         border: 5px solid #00FF00; 
         margin: 0px; 
         padding: 0px;
      }
 .div2 { width: 390px; 
         height: 90px; 
         border: 5px solid #FF0000;
      }
</style>
</head>
<body>
<div class="div1">
     <div class="div2">
     </div>
</div>
</body>
</html>



--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
Serge2k
Дата 12.8.2005, 20:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 28
Регистрация: 16.7.2005

Репутация: нет
Всего: нет



а ты посмотрел мой пример? добавь в класс div2 padding:10px; и получится полная фигня... он с какой то стати еще и padding не учитывает... неужели ты считаешь это нормальным поведением браузера?
PM MAIL   Вверх
o.s.a.
Дата 13.8.2005, 06:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Xo4y B MocKBy
**


Профиль
Группа: Участник
Сообщений: 312
Регистрация: 16.2.2005
Где: Ташкент

Репутация: 3
Всего: 15



Цитата(Serge2k @ 12.8.2005, 22:24)
а ты посмотрел мой пример? добавь в класс div2 padding:10px; и получится полная фигня... он с какой то стати еще и padding не учитывает... неужели ты считаешь это нормальным поведением браузера?

Разработчики Мозиллы посчитаи это нормальным, а нам приходиться учитывать особенности данного браузера.
Можно сделать так:
Код

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
    <title></title>
<style type="text/css">
 .div1 { border: 5px solid #00FF00; 
         margin: 20px 400px 0px 10px; 
         padding: 0px;
       }
 .div2 { border: 5px solid #FF0000;
         padding: 10px;
       }
</style>
<script type="text/javascript">

</script>
</head>
<body>
<div class="div1">
     <div class="div2"> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat. Ut wisis enim ad minim veniam, quis nostrud exerci tution ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. 
     </div>
</div>
</body>
</html>



--------------------
Не могу стоять, пока другие работают, пойду полежу.
PM MAIL ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0396 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.