Статті про HTML | CSS-Tricks по-російськи
Верстка сайту. Ще один підхід.
Три колонки. Одна - це сайд-бар фіксованої ширини, для вашої навігації. Інша, скажімо, для реклами або фотографій. І, нарешті, контент зі змінною шириною для корисної інформації.
Безліч статей написано про верстці, існує безліч шаблонів. Однак більшість існуючих рішень чимось, так жертвує: порядок завантаження елементів, полношірінний футер, громіздка розмітка часто є компромісом в гонитві за ілюзорною версткою.
Техніка, яка описана в цій статті, дозволить вам створювати верстку без будь-яких компромісів для вашого коду і гнучкості. Ця техніка:
- дозволяє створити контент з плаваючою шириною, бічні панелі - з фіксованою;
- дозволяє центральній колонці довантажуватися першої;
- вирівнює всі колонки по висоті;
- вимагає всього лише один зайвий div в розмітці;
- використовує дуже простий CSS, з мінімумом хаков.