⇢ Помогите с div версткой
Проблема вроде бы мелочная, но на div только пытаюсь освоится, раньше работал только на html с таблицами.
Для наглядности я приложил скин как у меня получается. Боковые div (полоски серого цвета) не хотят отпускаться ниже до края окна монитора, если текст больше чем размер окна. Футер тоже никак не удается прижать ниже содержания body. Если текст большой футер налазит на текст.
Полтора дня вишу с этими проблемами.
скин сейчас сделаю крупнее
название страницы
body {width:80%;margin: 0 auto;font: 20px 'Times New Roman', 'Arial';color: #333;text-align: center;background: #ccedff url(/.s/t/787/1.gif) repeat-x;}
.potol {height:50px; background-color: #a13131;}
.komn {height: 100%; background-color: #fff;}
.pol {height:50px; background-color: #48a131;}
.footer {height:50px; background-color: #ebe716;}
.imgleft {position: absolute; left:9%;width:1%; height:100%; background-color: #c0c0c0;}
.imgright {position: absolute; right:9%; width:1%; height:100%; background-color: #c0c0c0;}
ЗДЕСЬ будет шапка
большой текст здесь
ЗДЕСЬ будет предфутер
здесь будет футер
блин дивы не отобразились. еще по другому попробую
название страницы
body {width:80%;margin: 0 auto;font: 20px 'Times New Roman', 'Arial';color: #333;text-align: center;background: #ccedff url(/.s/t/787/1.gif) repeat-x;}
.potol {height:50px; background-color: #a13131;}
.komn {height: 100%; background-color: #fff;}
.pol {height:50px; background-color: #48a131;}
.footer {height:50px; background-color: #ebe716;}
.imgleft {position: absolute; left:9%;width:1%; height:100%; background-color: #c0c0c0;}
.imgright {position: absolute; right:9%; width:1%; height:100%; background-color: #c0c0c0;}
див с классом imgleft">
див с классом imgright">
див с классом potol"> ЗДЕСЬ будет шапка
див с классом komn">большой текст здесь
див с классом pol">ЗДЕСЬ будет предфутер
див с классом footer >здесь будет футер
согласен про бердеры не подумал, а как футер спустить ниже текста
