Проблемы с HTML версткой

Я верстаю сайт в dreamweaver, XHTML Transitional, с помощью разметочных слоев (абсолютное расположение, постоянная (не "резиновая") ширина страницы, а слои размещаю в родительском теге carrier.



В книге я прочитала, что абсолютное расположение идет от родительского элемента, но почему границы так скачут? В браузере firefox - одни расстояния слоев друг от друга, в интернет эксплорере - другое, на мониторе меньшей диагонали - третье! Как с этим справиться, есть ли такой рецепт сайта с абсолютно постоянной шириной независимо от разных ситуаций? Причем я стараюсь использовать блочную верстку, это правило номер 1. Может кто то сможет поделиться опытом?

Я лично люблю полуабсолютное позиционирование: контентный слой выношу margin'ом, а блоки размещаю в одном месте кода, и приравниваю к бокам уже абсолютно.

Так я получаю очень удобную структуру - ссылочная база вначале, и чистый неразрывный контент в конце.

ну или наоборот. Касаемо конкретики, давайте-ка сюда подопытное тело.

какие умные слова ппц! Проще пишите! А то столько слов чтоб написать : как отцентровать чтоб показывало везде одинаково, или почему осел показывает криво!))) Будте проще к вам потянутся!)

вот и я мучилась этим..спасали padding и margin. может, проще скачать готовый шаблон и дорабатывать дизайн?

Максим, Вообщем в три колонки получается:

Задача: сделать сайт полностью жесткий, абсолютным позиционированием, я правильно понял? Быстро написал структуру 3х столбцов, все кроссбраузерно, в чем проблема?

BODY{margin:0px;padding:0xp;}

DIV{position:absolute;}

#wrapper{left:0px;top:0px;width:930px;height:1150px;}

#header{left:0px;top:0px;width:930px;height:200px;background-color:#00FFCC;}

#menu{left:0px;top:200px;width:200px;height:900px;background-color:#FFFFCC;}

#content{left:200px;top:200px;width:530px;height:900px;background-color:#00FFFF;}

#news{left:730px;top:200px;width:200px;height:900px;background-color:#FFFFCC;}

#footer{left:0px;top:1100px;width:930px;height:50px;background-color:#00CCFF;}

Об абсолютном позиционировании: http://on-line-teaching.com/html/lsn029.html#4 Для абсолютного позиционирования элементов Вэб-страницы служит свойство position со значением absolute.

При этом браузер "вырывает" элементы абсолютного позиционирования из общего контекста страницы, причем соседние элементы сдвигаются, занимая "освободившееся" пространство. 2Ольга Геннадьевна Некрасова Проблема не в том, качать или не качать шаблоны.

Проблема в том, что дизайнеры - люди достаточно далекие от верстки, а поэтому я еще ни разу не видел в сети шаблона, который можно было бы использовать как базис верстки для изысков моего знакомого арт-извращенца.

Спасибо, Максим, но, как я поняла, при предложенной Вами разметке сайта, весь сайт визуально будет прибит к левому краю монитора, а нельзя ли по середине, так не получится?



В вашем учебнике написано, что при абсолютном позиционировании "для указания направления отсчета координат элемента относительно сторон "родительского" объекта (обычно Вэб-страницы) служат свойства top, bottom, left, right." а для моих блоков разве не считается родительским элементом блок, в котором они находятся? у вас он называется #wrapper.

самый простой способ расположить жесткий сайт по середине - через margin:auto родительского дива (тут родительский див для всей структуры - #site): п.с. Это не мой учебник, это первая выдача гугеля. Юлия, вы во многом сэкономите свое время, если хотя бы мельком пробежитесь по http://www.htmlbook.ru/.

Вот так это сделать просто))) Все что внутри нижнего блока будет по цнтру) ширина 700 пикселей)

Вынос стилизации за рамки css - в сильнейшей степени моветон.

И все таки, на старых мониторах контент упрямо съезжает под менюшку! Ну что еще делать? http://zemproect.ru/index.html - может увидите? код разметки можно посмотреть в браузере, а стили:

@charset "utf-8";

/* CSS Document */

html, body {

margin: 0px;

padding: 0px;

height: auto;

width: auto;

border: 0px;

}

body {

background-color: #CCCCCC;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

color: #666666;

margin-left:3px;

margin-right:3px;

}

#wrapper{width:100%; height:100%; background-color: #CCCCCC;}

#site{margin:auto; width:930px; height:1150px; background-color:#FFFFFF;}

#header{height:190px; clearoth; margin:0px; padding:0px; width:930px; z-index:1;}

#main{height:800px; background-color:#FFFFFF; margin:0px; padding:0px;}

#menu{float:left; background-color:#FFFFFF; width:270px;margin:0px;

padding:0px;}

#content{float:left; width:408px; height:115px; background-color: #FFFFFF; padding:10px;}

#news{float:left; width:199px; clear:right; padding:0px;}

#novosty{

float:right;

background-color: #E6E6E6;

font-size:10px;

padding:5px;

}

#bottom {

margin-top:10px;

width:930px;

height:48px;

clearoth; background-image: url(image/bottom.gif); background-repeat: repeat-x; } #statyi { padding:5px; background-image: url(image/kart.jpg); background-repeat:no-repeat; font-size:9px; float:left; height: 450px; } Все вроде сделала, как посоветовал Максим....

Прошу прощения, Максим, дело в том, что моя хостинговая компания еще не обновила исправленную версию сайта! Спасибо тебе еще раз, за потраченное на меня время!!!