abc_ua
-
Posts
3 -
Joined
-
Last visited
abc_ua's Achievements
Explorer (1/14)
0
Reputation
-
3-х колоночный резиновый макет, минимальная и максимальная ширина
abc_ua replied to abc_ua's question in HTML Coding
Спасибо! -
3-х колоночный резиновый макет, минимальная и максимальная ширина
abc_ua replied to abc_ua's question in HTML Coding
klierik, вы забыли сказать о height:1%; (посмотрел в одном из сайтов вашего портфолио) вроде бы все отлично, проблема решена(klierik, огромное вам спасибо!), но куда же без любимого ie6, который снова приносит сюрпризы: не понятно откуда появились отступы в 3px слева и справа от content, при чем они не убираются отрицательным margin, хелп!!! <!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> <style> body { margin:0; padding:0; } #container { min-width:1000px; max-width:1050px; margin:0 auto; padding:0; } #header { background:#FFFFCC; margin:0; padding:0; overflow:hidden; } #left { background:#CCCCCC; margin:0; padding:0; float: left; width:210px; } #right { background:#CCCCCC; margin:0; padding:0; width:210px; float:right; } #content { height:1%; margin:0; padding:0; overflow:hidden; } #content_body { background:#999999; margin:0 0px 0 0px; padding:0; } #footer { background:#FFFFCC; overflow:hidden; } .clear {clear:both;} </style> </head> <body> <div id="container"> <div id="header">HEADER</div> <div class="clear"></div> <div id="left">LEFT</div> <div id="right">RIGHT</div> <div id="content"> <div id="content_body"> <div class="clear"></div> CONTENT </div> </div> <div class="clear"></div> <div id="footer">FOOTER</div> </div> </body> </html> -
3-х колоночный резиновый макет, минимальная и максимальная ширина
abc_ua posted a question in HTML Coding
есть сайт с примерно таким шаблоном http://studioad.ru/divit/divit_4444.txt : плавающие блоки по бокам и резиновый центр. Проблема при использовании шаблона состоит в том, что если в средней колонке использовать свойство clear, то контент в этой странице опускается до уровня, где заканчивается правая колонка: <div style="clear:both;"> , нормальный вид Знаю, можно вместо clear использовать overflow, но это лишь способ обойти проблему, мы теряем возможность использовать clear Вопрос: это несовершенность шаблона, если да, то можно ли ее устранить? Существует другой, аналогичный по функционалу, шаблон без этой проблемы?