blacks2
31-01-2010, 02:29
Здравствуйте
Подскажите пожалуйста для чего при верстке "резинового 3х колоночного макета страницы"
в CSS для колонок указывают margin-left: -25% ? Не достаточно ли одного float ?
Очень интересно узнать. Поизучав интеренет пришел к предположениям:
1. минус марджины для того что в IE 6 float не переносил блок на новую строку при сжимании окна браузера по горизонтали.
2. такой метод в основном применяется для резиновых макетов/верстки
так-как в "px, фиксированной верстке" блок не может съехать (про размер шрифта умалчиваю)
Всем откликнувшимся заранее большое спасибо!!
PS если мои предположения верны подскажите данные "кастыли" необходимы только для ie6 или и для других версий ie
пример кода CSS о которым я горовю
#columns-wrapper {
position:relative;
left:100%;
padding:5em 0;
z-index:2;
}
#main {
float:left;
position:relative;
width:58%;
margin-left:-79%;
}
#left {
float:left;
position:relative;
width:21%;
margin-left:-100%;
}
#right {
float:left;
position:relative;
width:21%;
margin-left:-21%;
}
Подскажите пожалуйста для чего при верстке "резинового 3х колоночного макета страницы"
в CSS для колонок указывают margin-left: -25% ? Не достаточно ли одного float ?
Очень интересно узнать. Поизучав интеренет пришел к предположениям:
1. минус марджины для того что в IE 6 float не переносил блок на новую строку при сжимании окна браузера по горизонтали.
2. такой метод в основном применяется для резиновых макетов/верстки
так-как в "px, фиксированной верстке" блок не может съехать (про размер шрифта умалчиваю)
Всем откликнувшимся заранее большое спасибо!!
PS если мои предположения верны подскажите данные "кастыли" необходимы только для ie6 или и для других версий ie
пример кода CSS о которым я горовю
#columns-wrapper {
position:relative;
left:100%;
padding:5em 0;
z-index:2;
}
#main {
float:left;
position:relative;
width:58%;
margin-left:-79%;
}
#left {
float:left;
position:relative;
width:21%;
margin-left:-100%;
}
#right {
float:left;
position:relative;
width:21%;
margin-left:-21%;
}