Mihail

На самом деле это не баг, а несколько странное взаимодействие элементов в IE6, обтекание срабатывает не совсем корректно, думал проблема связанна с hasLayout, но как оказалось нет, раньше я на это внимание не обращал, решил разобраться, проблема происходит когда любому элементу задать фиксированную высоту, если уберете везде свойство height то проблема исчезнет, если все-же нужна фиксированная высота попробуйте сделать так: css * { margin: 0; padding: 0; } #wrapper { width:900px; margin: 0 auto; } #main { width: 100%; } #middle { width:100%; float:left; overflow:hidden; } #content { padding:0 200px 0 200px; height:300px; background:#CC99CC; } #Left_Sidebar { float:left; width:200px; height:300px; margin-left:-100%; background:#00CCFF; } #Right_Sidebar { float:left; width:200px; height:300px; margin-left:-200px; background: #FFACAA; } ie6 <!--[if lte IE 6]> <style type="text/css"> #Left_Sidebar, #Right_Sidebar, #main { position:relative; } #main { height: 1%; } </style> <![endif]--> html <div id="wrapper"> <div id="main"> <div id="middle"> <div id="content">Текст</div> </div> <div id="Left_Sidebar">Левая колонка</div> <div id="Right_Sidebar">Правая колонка</div> </div> </div>

Насколько я вас понял вам нужно что-бы блок content растягивался на 100% области просмотра по высоте, и продолжал тянуться от наполнения html, body { height: 100%; } #wrapper { width: 800px; margin: 0 auto; height: 100%; } #main { margin: 27px 0 0 80px; height: 100%; } #top_main { width: 744px; height: 33px; background: url(../images/top_content_description.jpg) no-repeat top; } #content { width: 744px; min-height:100%; background: #cccccc url(../images/content_bg.png) no-repeat 259px 57px; } #bottom_main { width: 744px; height: 9px; background: url(../images/bottom_main.jpg) no-repeat bottom; }

div и так тянется по умолчанию от наполнения, вы же сразу ему задаете 100% высоту, если нужна 100% высота блока то добавте в начале css файла: html, body { height:100%; } а селектору #content добавте min-height:100%

это называется margin collapse, что-бы этого не происходило задайте контейнеру родителю верхний padding или border, либо задайте контейнеру свойство overflow:hidden

Ошибка появляется только если в свойстве font после указания размера шрифта через слэш добавить высоту строки, тоесть такая запись уже валидатором считается правильной: font:bold 11px Tahoma, Geneva, sans-serif; а такая почему-то нет font:bold 11px/38px Tahoma, Geneva, sans-serif; использую эти два валидатора: http://jigsaw.w3.org/css-validator/ http://validator.w3.org/unicorn/ в обоих выдает ошибку, кто нибуть может проверить какой нибуть css файл, где есть похожее правило font, может просто у меня что нибуть глючит

Здравствуйте уважаемые форумчане Есть правило: #top_menu li a { display:block; height:38px; padding:0 12px; color:#497798; font:bold 11px/38px Tahoma, Geneva, sans-serif; text-decoration:none; } Сегодня после проверки валидатором, он мне выдал ошибку, связанную со свойством font в этом правиле, сам я не новичок в верстке, но эта ошибка поставила меня в тупик, если кто-то сталкивался с чем-то подобным, поделитесь своими соображениями. Ошибка: Ошибка значения : font (http://www.w3.org/TR/CSS21/fonts.html#propdef-font) / не является значением font-family : bold 11px / 38px Tahoma,Geneva,sans-serif