Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Свойства Border для IE и Mazilla разные?

Автор: Riccon 9.8.2005, 18:59

Вот пример:

Код


<Div style="width:30; height:30; border: solid 1px red;"></Div>

Почему в FireFox Div с бордюром становиться на 2 пикселя больше заявленых значений,
а в IE Div будет соответствовать этим значениям. Кто из них прав, а как бороться?
Помогите, плз.

Автор: o.s.a. 9.8.2005, 19:17

Riccon это у тебя какие-то глюки.
Рамки в ИЕ и лисе ничем ни отличаются.
Возможно тебя смутил отступ от левого верхнего угла, который разный по умолчания в ИЕ и В лисе

Автор: Irokez 9.8.2005, 19:30

потому что в мозилле граница не включается в размер, в то время как в ИЕ - включается. выход - цсс хаки

Автор: o.s.a. 9.8.2005, 19:41

Цитата

потому что в мозилле граница не включается в размер

граница чего?
размер чего?

Автор: Irokez 9.8.2005, 19:45

Цитата(o @ 9.8.2005, 19:41)

граница чего?
размер чего?

бокса, в данном случае дива

Автор: Riccon 9.8.2005, 20:31

Рамки в ИЕ и лисе ничем ни отличаются.
Может и глюки. Просто я сравнил величину получившегося дива(включая рамки) посредством лисы и ИЕ в "Фотошопе" smile

Хотя оно и на глаз хорошо видно.

Irokez что зничит хаки? Если можно пример.

В принципе, после того как указал вот такой Doctype:

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

вопрос с размерами Div`a решился. Но, теперь такая нужная фича, как 100% высоты Div`а или таблицы перестала работать. smile

Еще раз прошу привети пример ЦСС хаков smile

Автор: Riccon 9.8.2005, 20:43

А... нашол в факе...

Автор: Любитель 10.8.2005, 10:08

Всё-таки как сделать полностью рабочий код?
Так:

Код


<html>
<head>
<style>
#div1 {width:500px; border-width:10px; border-style:solid; border-color:red;}
#div2 {width:500px; border-width:1px; border-style:solid; border-color:green;}
</style>
</head>
<body>
<div id="div1"><br></div>
<div id="div2"><br></div>
</body>
</html>

работает в IE и Опере, в Firefox мы получаем один див 520-пиксельный, а другой 502.
Так:

Код


<html>
<head>
<style>
#div1 {width:500px; border-width:10px; border-style:solid; border-color:red;}
#div2 {width:500px; border-width:1px; border-style:solid; border-color:green;}
html>body #div1 {width:480px;}
html>body #div2 {width:498px;}
</style>
</head>
<body>
<div id="div1"><br></div>
<div id="div2"><br></div>
</body>
</html>

работает и в IE, и в Firefox, но не работает в Опере, которая видит html>body, но бордеры с width-ами рассматривает как IE. Кому верить и как быть?