IE7/8 и общий случай двухколоночной резиновой вёрстки
Универсальное кросс-браузерное решение для резинового шаблона с двумя колонками
В последнее время так называемая "резиновая вёрстка" (aka liquid layouts) становится всё более популярной, и далеко не последнюю роль в этом играет постоянное увеличение разрешения мониторов. Одним из часто применяемых шаблонов является двухколоночный (одна колонка имеет фиксированную ширину, другая является "резиновой"). Существует несколько разных подходов к вёрстке многоколоночных шаблонов, некоторые подходы приведены на A List [...]
← Вернуться к полной версии записи «IE7/8 и общий случай двухколоночной резиновой вёрстки»…
Автор: Vladimir; опубликовано в: CSS, HTML; метки: CSS, IE7, IE8, двухколоночный макет, макет, резиновый макет15
Мар
2008
Мар
2008
Комментарии к статье «IE7/8 и общий случай двухколоночной резиновой вёрстки» (5) »
Пожалуйста, не используйте эту форму для комментирования! Данная форма предназначена исключительно для ботов.
Оставить комментарий к записи «IE7/8 и общий случай двухколоночной резиновой вёрстки»
गते गते पारगते पारसंगते बोधि स्वाहा
Меня зовут Владимир, я программист-фрилансер, специализирующийся на Web-программировании и програмировании под Linux.
По совместительству занимаюсь администрированием LAMP/LNMP-серверов и техническим переводом.
[...] добавлять отсупы, границы и бордюры. В статье “IE7/8 и общий случай двухколоночной резиновой вёрстки” я показывал, как получаются формулы для [...]
неплохая статья, но я вот столкнулся с проблемой реализации резинового двухколоночного макета (левая колонка фиксированная – правая тянеться) но при ентом футер должен быть прижатым вниз(у меня в принципе все вышло кроме ие6-если текста много проваливаеться через футер =(()…
Может подскажеш как енто раелизовать? буду очень благодарен и послеюсь у тя на сайте =)))
Андрей, а можно, пожалуйста, ссылку на то, что у Вас получилось?
Большое спасибо , что так быстро отозвался, проблему я уже решил(наверное просто поспал плохо =))) ).Вот что вышло:
header
left
center
footer
css:
html, body {margin:0;
padding:0;
width:100%;
height:100%;}
#header{
background-color:#333;
height:150px;
}
.wrap
{
position:relative;
min-height:100%;
height:auto !important;
height:100%;
color: #646464;
}
#left{
float:left;
width:200px;
background-color:#dc8;
}
#center {
margin-left:200px;
background-color:#eec;
}
#footer {
position:relative;
margin-top:-100px;
height:90px;
width:100%;
background:#646464;
}
мде все-таки не все так и гладко :проблема заключаеться в том что када много текста контент блок left пробивает футер , а с сенторм все окей.
css:
html, body {margin:0;
padding:0;
width:100%;
height:100%;}
#header{
background-color:#333;
height:150px;
}
.wrap
{
position:relative;
min-height:100%;
height:auto !important;
height:100%;
color: #646464;
}
#left{
float:left;
width:200px;
background-color:#dc8;
}
#center {
margin-left:200px;
background-color:#eec;
}
#footer {
position:relative;
margin-top:-100px;
height:90px;
width:100%;
background:#646464;
}