css help with box models

Мне нужна помощь с моделями css box. У меня проблема с моим сайтом ucare-ph.org. Логотип (временный) охватывает основную копию. Теперь я знаю, что кто-то может сказать мне код, чтобы исправить это. Но мне действительно нужен ресурс или ресурсы в книгах или на веб-сайтах, которые могут дать мне лучшее представление о коробке. Синтаксис очень прост. Но отношения между коробками очень сложны. И да, у меня есть firebug и веб-разработчик для firefox. Но его все еще проб и ошибок.css help with box models

источник

2008-09-18 Anonymous

Как логотип вашего сайта, попробуйте установить clear: both на содержание.

источник

2008-09-18 02:39:04

Что-то, что помогло мне много использует Firebug

Щелкните правой кнопкой мыши элемент на странице и выберите «Проверить элемент». Затем выберите вкладку «Макет» на панели справа. Вы можете увидеть графическое представление элемента вместе с измерением каждого компонента модели окна. Моя жизнь была бы несчастной без Firebug.

источник

2008-09-18 02:44:59 neonski

Обратите внимание, что Internet Explorer использует модель разбитого окна, если не указать тип документа, такие как:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">

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

Например, если у вас есть это:

<div style="width:100px; height:100px; padding:10px; border:10px solid #000;"></div>

В правильной блочной модели он будет отображать окно, которое 140x140, потому что обивка добавляет 10px с каждой стороны области содержимого (который 100х100) и то граница добавляет еще 10 пикселей к каждой стороне.

Тем не менее, в сломанной коробке IE будет отображаться окно размером 100x100, а граница и заполнение будут размещаться внутри этого пространства, оставляя вас с областью содержимого всего 60x60.

источник

2008-09-18 03:01:26 molasses

css help with box models

ответ

Смежные вопросы