Watchman

да нет, я ориентируюсь на мин ширину 1024 х 768

Делаю фиксирований макет Какая максимальная ширина этого макета может быть, чтоб не появлялась полоса горизонтального скроллинга на всех основных браузерах и ОС?

проблему решил, задав размер трем главным блокам

да нет, ничего не отрезало - все нормально отображается

<div style="width: 562px; background-image: url('{THEME}/images/content_left.jpg'); float: left;"> <div style="width: 529px; background-image: url('{THEME}/images/content_right.jpg'); background-position: 1px 0px; float: right;"> <div style="width: 496px; background-image: url('{THEME}/images/content.jpg'); float: left;">Текст</div> </div> </div> в главном блоке заменил float: left на overflow: hidden Все стало на свои места, что это значит?(кроме того, что я полный нуб в блочной верстке)

psywalker,

что посоветуете?

нет, на локалке делаю тут, весь трабл в <div style="width: 562px; background-image: url('{THEME}/images/content_left.jpg'); float: left;"> <div style="width: 529px; background-image: url('{THEME}/images/content_right.jpg'); background-position: 1px 0px; float: right;"> <div style="width: 496px; background-image: url('{THEME}/images/content.jpg'); float: left;">Текст</div> </div> </div> если убрать эти блоки, то все норм отображает

несколько раз пересчитывал попиксельно макет статичный все вроде правильно

есть трехколоночный макет, вот часть кода, с которым возникла проблема - блоки должны ити горизонтально, но почему-то сползли и расположены вертикально: <div id="main"> <div style="float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_left.jpg'); float: left;"></div> <div style="height: 63px; width: 448px; background-image: url('{THEME}/images/content_top.jpg'); float: left;"></div> <div style="height: 63px; width: 57px; background-image: url('{THEME}/images/content_top_right.jpg'); float: left;"></div> <div style="width: 562px; background-image: url('{THEME}/images/content_left.jpg'); float: left;"> <div style="width: 529px; background-image: url('{THEME}/images/content_right.jpg'); background-position: 1px 0px; float: right;"> <div style="width: 496px; background-image: url('{THEME}/images/content.jpg'); float: left;">Текст</div> </div> </div> </div> <div style="margin-left: 10px; float: left;"> <div style="height: 48px; width: 209px; background-image: url('{THEME}/images/box_header.jpg');"></div> <div style="height: 200px; width: 183px; margin-left: 13px; background-image: url('{THEME}/images/box_background.jpg');"></div> </div> </div> Что я делаю не так?