psywalker

а ну ка заменика вот эти свойства: #footer { background-color:red; height:50px; margin:2px auto 0; overflow:hidden; position:relative; top:-52px; width:100%; z-index:888; }

*{ margin: 0; padding: 0;}

Например этих .left {background-color:#ddd;border:#f00 1px solid;left:0;width:200px;} .right {background-color:#eee;border:#080 1px solid;float:right;right:0;width:200px;}

А логика где? Если он тебе ненужен, тогда зачем его убивать? Лучше уж пусть в нём хоть как то работает, чем вообще никак А хедер у тебя уехал немного, потому что Бордеры у блоков тоже добавляют немного ширины к блокам Сам хаками не пользуюсь, но предпологаю, что это Хак для ИЕ6, тоесть свойство, которое поймёт только этот браузер

Мне щас негде проверять, но возьми поменяй свойство min-height:100%; У #middle НА {height:100%;} - ТОлько сделай это в отдельных стилях Для ИЕ6

Поставь и поиграйся с шириной у блока #r_block {float:right; margin-right: 15px;}

Смотри, вот тебе примерный набросок того, что-ты хочешь получить, попробуй в нём разобраться и сделать конфетку: http://psywalker.ru/Forum/ugl/1/Untitled-1.html

1) Вот тебе сайт http://psywalker.ru/MoneyTREE/ , дерево сверху-справа ПНГ картинка, она находиться в блоке #head 2) Вот для него код в общих стилях .tree { right: 3em; bottom: -.5em; width: 29.2em; height: 31.2em;} 3) А вот в стилях для ИЕ6: #head .tree {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tree.png',sizingMethod='crop');background: none;} Тоесть я: 3.1 Указал обязательные размеры для ПНГ картинки: width: 29.2em; height: 31.2em; 3.2 В стилях для ИЕ6 Отменил Фон у картинки background: none; и назначил фильтр: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/tree.png',sizingMethod='crop'); 3.3 Есть ещё один нюанс: Вот это слово окончание в фильтре: crop означает, что твоя картинка имеет определённые размеры и не будет растягиваться, а ещё есть значение scale, оно пишется в том случае, если у тебя картинка должна тянуться на всю ширину, например какой нибудь фон

Кажется это не отступы, а картинки ПНГ, которым нужны фильтры, могу ошибаться) Везде кроме ИЕ6 у меня отступов нет!

Нет, Бабочку надо делать ПНГ-24 именно, потому что при случайном или вольном переполнении белого блока она сразуже даст о себе знать! p.s. - кстати не поленился, сделал тут минимальную ширину побольше, всё равно надо было, теперь косяков нет, теперь можете сравнивать для примера: http://psywalker.ru/Raira/main-page.html

1) В моём примере я эту вещь не доделал, неохота было, а просто надо было сохранить в ПНГ-24 и всё было бы гуд 2) Кажись нужно 14px Bold 3) Посмотри, как сделано у меня 4) Потому что при разрыве они распадутся, а во вторых эта бабочка пренадлежит правой колонке, надо было позиционировать её

1) Заголовок: "Страхование" - не отцентрирован 2) Шрифты на всём сайте не соответствуют макетным 3) Центр сделан неправильно, но для твоего уровня пойдёт 4) Бабочка сделана неправильно, по половинкам и т. д. Так, вот тебе пример, сравнивай: http://psywalker.ru/Raira/main-page.html

Блондин

Павел Билькис Ага, подумываю сменить нафиг Светлёнка Да нее, эт я просто к слову

Насчёт футера долго объяснять, и вообще нужно было изначально уже строить вёрстку с расчётом на Футер в низу! А щас у тебя там мусора дофига и больше, элементов до жопы и т. д. поэтому боюсь, что в данной ситуации эта идея не выйдет p.s. - Значит я сразу скажу, что не обещаю кросс-результат, проверишь сам, Но пока делай так: 1) #contents { min-height:100%; padding-bottom:20px; position:relative; } 2) body { color:#266D96; font-family:Arial,Verdana,sans-serif; font-size:12px; height:100%; margin:0; padding:0; 3) #footer { background:transparent url(../img/bg_footer.jpg) no-repeat scroll 50% 0; height:32px; margin:0 auto; text-align:center; position:absolute; left:0; bottom:0; width:100%; } Это я файрбагом накидал вариант, поэтому в ФФ работает, проверь везде, отпишишься

1) Так насчёт фона у ссылки у меня опятьже всё получилось, я сделал встроенный стиль и всё: <a href="otdih.html" style="background: none;">Отдых</a> 2) Насчёт границы у Контента делаешь так: #content { border-left:2px dotted #99B96F; border-right:2px dotted #FFFD09; overflow:hidden; } Дело в том, что из-за плавающих элементов внутри #content его высота схлопавается, а overflow:hidden; охватывает все элементы с флоат внутри себя, и поэтому твои границы появляются 3) Да у меня даже и так всё работает везде #tpl_main_menu .no_style a {background:none;}

Я попробовал, у меня везде сработало! даже в ИЕ6 Покажи ссылку

Я попробовал, у меня везде сработало! даже в ИЕ6

Потому что у тебя прописан фон для ссылок, а не для LI, соответственно ты недописал малясь: #tpl_main_menu .no_style а{ background:none; padding:0; }

Вобщем поразмыслив я пришёл к выводу, что лучший Ник - это собственные имя и фамилия, тоесть в моём случае это Максим Усачёв, но теперь возникла следующая делема: 1) Что делать с Аватаркой? По логике вещей можно предположить, что раз я использую собственные инициалы в качестве Ника, значит и Аватарка должна быть Моё Фото? 2) А разве можно региться именно так, чтобы Логин был: Максим Усачёв, ведь это во первых русские символы, а во вторых между словами есть пробелы, тоесть это всё неважно?

повесь на проблемный блок zoom:1; если не поможет, то добавь position: relative;

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

Нее, ну это ты загнул, предлагаю так: IE: 6, 7, 8 Mozzila: 3, 3.5 Chrome: all version Opera: 9х, 8 (не часто), Opera Mini (не часто) Safari 3x Давно пора

Светлёнка У тебя фотка плохого качества

Просто всё дело в том, что Павел Билькис настолько Профи, что все его сайты отлично смотрятся даже в ИЕ3 :D