Я хочу хороший способ сделать CSS-макет с любым количеством столбцов. Мне нужно меньше использовать div и css с семантическим кодированием. Мне нужен код для фиксированной ширины, центрированный сайт и нижний колонтитул всегда должны быть внизу.
Мне нужна совместимость со всеми распространенными браузерами, включая IE 6 и 8. И это можно сделать без использования CSS Hacks и условных комментариев IE
Я попробовал макет Мэтью Джеймса Тейлора, но у него есть дополнительный разделитель оболочки.
Добавление и удаление любого столбца должно быть возможно с минимально возможными изменениями в CSS и XHTML.
Макет 1
Header
h o r i z o n t a l m e n u
Left Col Main Col Right Col
Footer
Макет 2
Header
h o r i z o n t a l m e n u
Left Col M a i n C o l u m n
Footer
Макет 3
Header
h o r i z o n t a l m e n u
Col 1 col 2 col 3 col 4
Footer
Хотя я знаю и перепробовал много решений в сети, но хочу знать некоторые отзывы пользователей SO.
Мне нужен хороший метод, тогда я буду использовать его во всех проектах. и я пробовал много сеток на основе сетки, и я не хочу их использовать. так что не предлагает каких-либо Grid-основанных CSS-фреймворков . Может ли любой онлайн генератор макетов CSS сделать это. или если это возможно только вручную, тогда дайте мне фрагменты кода xhtml и css.
обновление:
это базовый css для макета 3 col теперь, что должно быть включено.
#page_container{width:970px;margin:0 auto;}
#header{height:150px;background:#999;}
#left_column{width:180px;background:#CCC;}
#center_column{width:400px;background:#ECECEC;}
#right_column{width:180px;background:#CCC;}
#footer{height:150px;clear:both;background:#999;}