Тут просто путаница получается :) Реальная ширина (или высота) элемента получается так: 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, выглядит на самом деле аккуратно. Но про код я лучше промолчу :)
