Switch74

в вашей ситуации советую просто внести хэадер в врапер, у вас должна остаться одна общая обертка с высотой 100% после тега боди и в ней должен лежать весь сайт, тогда вам будет легко размещать ваши объекты. А т.к. вы планирует сделать сайт без полос прокрутки могу посоветовать использовать абсолютное позиционирование, с ним будет легко расставлять объекты

смотрю у себя в сафари5, подвал прижат! копируйте код как есть

в каком браузере смотрите? без контента все норм тянется если правильно оформить или сделать сайдбары по типу тени из этого поста если не нравится как прижат футер, можете прижать его своим способом у вас же проблемма в том, что wraper растягивается на 100% от body при этом в body часть места занимает header на его высоту у вас и съезжает футер вниз

тогда возможно подойдет такой вариант <style> *{margin:0px;padding:0px;} html,body{height:100%;} #body{ position:relative; margin:0px auto; width:1000px; height:100%; overflow:hidden;} #header{ height:100px; background:#bbb; } #content{ margin:0px 210px; padding-bottom1:30px; min-height:100%; background:#ddd;} #left{ position:relative; float:left; padding-bottom1:30px; width:200px; min-height:100%; background:#999;} #right{ position:relative; float:right; padding-bottom1:30px; width:200px; min-height:100%; background:#999;} #footer{ position:absolute; left:0px; right:0px; bottom:0px; height:30px; background:#bbb;} </style> <div id="body"> <div id="left"> left </div> <div id="right"> right </div> <div id="content"> <div id="header"> header </div> content <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> content </div> <div id="footer"> footer </div> </div>

я так понимаю нужно, чтобы сайдбары были одинаковой высоты с контентной частью и футер всегда прижатым к низу при этом контентная часть должна быть минимум 100% высоты экрана, так?

верстку меню то дай, а то css мало о чем говорит

если вы заменили только картинку, то размер вашей картинки другой, естесно и в css+js скорее всего нужно изменить эти размеры

GIMP не особо полностью поддерживает PSD, скорее всего в этом проблема.

все тоже самое, выбираешь инструмент текст, выделяешь нужный тебе текст и в настройках текста пишутся параметры шрифта

я уже объяснил что ты перемудрил с отступами, можно реализовать проще

так тебе нужны две одинаковые вертикальные полоски отделяющие контент от левой и правой колонки?

#slider{ height:285px; background:#fff; position:relative; z-index:10; margin-bottom:-440px; border-left:1px solid #b4b0b0; border-right:1px solid #b4b0b0; } зачем слайдеру margin-bottom:-440px; вы явно перемудрили с отрицательными отступами из-за него у вас все и лезет под слайдер

разделяй построчно блоки чем-нибудь вроде <div style="clear:both;"></div> или объединяй по два блока, находящиеся в одной строке, в div <div style="overflow:hidden;"> .... </div>

картинки как должно быть мы так и не дождались, чтобы говорить о том что нужно для этого сделать #content{ padding:0 270px 0 220px; } #sideLeft{ float:left; width:199px; margin-left:-100%; position:relative; margin-top:280px; } #sideRight{ float:left; margin:0 -3px 0 -264px; width:264px; position:relative; margin-top:280px; } почему sideRight имеет float:left; и отрицательные margin, зачем левой и правой колонкам нужен отступ сверху? могу предположить, что вам нужно было что-то вроде этого: <style> *{margin:0px;padding:0px;} html,body{height:100%;} #body{ position:relative; margin:0px auto; width:1000px; min-height:100%; overflow:hidden;} #header{ } #content{ margin:0px 210px; padding-bottom:30px; background:#ddd;} #left{ position:relative; float:left; padding-bottom:30px; width:200px; background:#999;} #right{ position:relative; float:right; padding-bottom:30px; width:200px; background:#999;} #footer{ position:absolute; left:0px; right:0px; bottom:0px; height:30px; background:#bbb;} </style> <div id="body"> <div id="header"> header </div> <div id="left"> left </div> <div id="right"> right </div> <div id="content"> content <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> content </div> <div id="footer"> footer </div> </div>

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

css и html бы скорее всего нужно указать border-collapse:collapse; для таблицы

это не то, он ведь вроде как и делает версию для печати, я так понимаю у него проблемма втом, что браузер для драйвера принтера сам устанавливает свои отступы, и например в хроме есть своя страница по их настройке а если он не использует медиа для создания версии для печати, то она простите обычная страница

помоему это ни как не сделать

плавно перешли к выбору операционки, видимо тест сайтов на прямую зависит от операционки согласен только что есть смысл ставить вин7 и ие9, но хочется что-нить универсальное и быстрое

на сколько я понял вам нужно <form action="http://www.google.ru/search" method="GET" target="answer">

думаю лучше пересмотреть верстку, чем придумывать хаки

для решения данной проблемы думаю лучше использовать js: перед отправкой проверяем заполненность полей и если все поля заполнены то делаем переход, иначе выводим сообщение о том, что нужно заполнить обязательное поле. если же нужно сделать обновление страницы, то обычно это делается таким образом например: <?PHP //проверяем существуют ли переданные данные из формы $set = 1; $value1 = ""; $value2 = ""; $style1 = ""; $style2 = ""; //... if(isset($_POST['text1'])) { $style1 = " style=\"border-color:#f00;\""; if(strlen($_POST['text1'])) { $value1 = $_POST['text1']; $style1 = ""; } else $set = 0; }else $set = 0; if(isset($_POST['text2'])) { $style2 = " style=\"border-color:#f00;\""; if(strlen($_POST['text2'])) { $value2 = $_POST['text2']; $style2 = ""; } else $set = 0; }else $set = 0; //... //можно сделать универсальную функцию для всех форм на сайте через цикл и ассоциативные массивы if($set) { //если пустых полей не нашлось выполнится этот код } else { //если нет данных переданных POST или нашлось, хоть одно не заполненное поле, снова показывается форма с данными ?> <!--Заметь, что нет ACTION - данные будут передаваться на эту же страницу и все параметры писать лучше в кавычках--> <form ACTION="" METHOD="post" Name="Forma" target="_self"> <input name="text1" value="<?PHP echo $value1;?>"<?PHP echo $style1;?>/> <input name="text2" value="<?PHP echo $value2;?>"<?PHP echo $style2;?>/> </form> <?PHP } ?> что-то вроде этого, при первом входе на страницу формы все будет стандартно, после отправки данных формы на саму себя PHP-скрипт проверит есть ли не заполненные поля, если нет, то выполнится нужный код иначе покажется форма и не заполненные поля будут с красным бордером.

ни когда бы не подумал, что win7 лучше работает. Не представляю что же с ней нужно сделать, чтобы она лучше работала на компе с 500мб оперативы

могу предложить такое решение <style> *{margin:0px;padding:0px;} html,body{height:100%;} #body{ position:relative; margin:0px auto; width:1000px; min-height:100%;} #content{ margin-right:210px; background:#ddd;} #right{ position:absolute; top:0px; right:0px; bottom:0px; width:200px; background:#999;} #footer{ position:absolute; left:0px; right:0px; bottom:0px; margin-right:210px; background:#bbb;} </style> <div id="body"> <div id="content"> content <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /> content </div> <div id="right"> right </div> <div id="footer"> footer </div> </div>

помоему не очень удобное решение и ресурсоемкое. Вот из-за таких вот (выделено жирным), нам приходиться поддерживать всякое борохло. Это не оправдание, а.... А ладно промолчу про это я и говорю, что как например протестить 7, 8, 9 я например не очень то хочу ставить себе win7 поэтому приходится про 9 забыть 8 на мою XP не ставится, да и если бы поставилась, то можно было бы про 7 забыть А пока я наглею так же как и ты