ТВЭЛ

Тут просто путаница получается :) Реальная ширина (или высота) элемента получается так: width+padding+margin. НО! Внешние поля (margins) в некоторых случаях пересекаются.

Ugnich Anton, а какие проблемы бывают с кодировкой UTF-8, например? :)

Понятно. В общем, наверно я Вам не помогу с этим примером, потому что когда я делал табличные сайты я вообще ничерта не знал и тыкался носом наугад, а когда решил почитать спецификации, то с тех пор никогда больше нетабличные данные таблицами даже не пытался делать :) В общем, я бы Вашу задачу реализовал так...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru">



<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Я бы сделал так</title>



<style>

* { padding: 0; margin: 0; }

html, body { height: 100%; }

h1 { height: 100px; background-color: blue; color: white; }

div { height: 100%; background-color: #EFEFEF;}

</style>



</head>



<body>



<div>

<h1>А мне так гораздо проще</h1>

И кода меньше и проблем :)

</div>



</body></html>

Вот можно действующий пример посмотреть - http://tvel.name/temp/divortable/

Стиль встроен только для удобного просмотра, естественно. Вообще - это неправильно.

MoMM, мне приносит пользу, потому что я бы долго мог париться со всякими несостыковками в браузере, ибо я невнимательный. А так несколько раз прогонишь через валидатор, и уже через 2-3 сайта начинаешь сам сразу делать хороший код.

Налицо развитие навыков :)

Николай В., я честно говоря не понял, что Вы хотите сделать :) объясните, пожалуйста.

P.S. Посмотрю теперь только завтра, пора уже уходить.

MoMM, я уже приводил здесь ссылку - http://forum.ru-board.com/topic.cgi?forum=31&topic=11001

Рекомендую ознакомится с примером. Так что никаких глюков с бордерами в природе не существует, есть только проблемы с образованием вебмастеров.

Правда в самой боксовой модели мне кажется не очень хорошим, что бордер вынесен за пределы блока - получается нельзя сделать блок шириной 100% и с обводкой, например.

topol, ох, трудно с Вами :) Кому должны и почему? Вы ведь так и не привели пункт из спецификации, который бы можно было однозначно трактовать.

Вы делаете противоречивые объявления CSS и удивляетесь, что в разных браузерах они отображаются по разному. Фокс не игнорирует внутренний padding внешнего блока, просто на этот padding залазит border внутреннего. И это четко соответствует боксовой модели.

MoMM, так как раз валидный код обычно более стабильно отображается в разных браузерах и меньше проблем приносит в процессе доводки.

-K-, Вы совершенно правы, как я не заметил, что тут еще и ошибка. Надо делать классами, или комбинацией id и класса.

Sergio S., ну вот Вам перечислил Jackyk несколько. Я бы порекомендовал вторую из этих трех систем в скобках.

pelvis, выглядит на самом деле аккуратно. Но про код я лучше промолчу :)