завидно вам всем, вам просто взяток не предлагают 🚬
угу, негр он и в Африке негр :D
ну если кому то удобнее негров называть "представителями негроидной расы", то флаг в руки :)
ХочуВсеЗнать, вот попробуйте взять первый попавшийся макет, например, этот, стандартный шаблон, которых в сети море:
Сверстайте его чтобы одинаково выглядел во всех браузерах, а потом уж решайте есть тут сложности или нет.
не обольщайтесь, ваш пример очень простой, я бы сказал даже примитивный, я его за 2 минуты сверстал.
Попробуйте сверстать действительно сложный макет и вы поймете всю "прелесть" работы верстальшика. Особенно когда будете подгонять макет под ИЕ6. :D
да, DIV - это блочный элемент, по умолчанию он занимает всю ширину родительского блока, поэтому для дивов никогда не указывают, например, width:100%, т.к. это значение по умолчанию.
float нужно использовать только когда блоки расположены на одном уровне, в вашем примере, это синие блоки.
фишки.нет курят в сторонке в сравнении с Курилкой серча. :D
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title></head><body><div style="width:800px; height:800px; background-color:#FF0000; padding:15px;"><div style="height:390px; background-color: #00FF00"><div style="width:200px; height:370px; float:left; background-color:#0066FF; margin:10px"></div><div style="width:200px; height:370px; float:left; background-color:#0066FF; margin:10px"><div style="height:165px; background-color:#990000; margin:10px"></div><div style="height:165px; background-color:#990000; margin:10px"></div></div><div style="width:320px; height:370px; float:left; background-color:#0066FF; margin:10px"></div></div><div style="height:390px; background-color: #00FF00; margin-top:20px;"></div></div></body></html>
да вот в общем и весь код, за 2 минуты набросал
только размеры я не соблюдал.
Зачем для первого зеленого float:left ?
<div style="width; heigh; float:left"></div>
это абсолютно лишнее
высота - height, not heigh
я вообще сначала подумал что они братья-близнецы :) ну какие у братьев могут быть счеты?
звучит немного двусмысленно... :D
но почему бы и нет, это как в шоу-бизе, главное чтобы писали, а плохое или нет, не важно