[DeCa]

уважаемые есть несколько вопросов по оптимизацию сайта под IE6 - в посте http://web-silver.ru/forum/html-css-...ona-s-ie6.html

в последнем сообщение niemans мне пытался помочь по первому вопросу. я же решил создать отдельную тему дабы не путать и мало ли кому еще пригодится.

для теста речь идет о сайте skvend точка ру -сайт приложил

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

вопрос 1. предзначается преимущесттво для Niemans
на сайте skvend точка ру в ie 6 появляется обтекание бекграунда в меню(знакомая проблема) . в остальные случаях для png я ее решил добавив скрипт DD_belatedPNG и прописав в head
<!--[if lt IE 7]>
<script src="dd_belatedpng.js"></script>
<script>
DD_belatedPNG.fix('.kartinko, .op,#name');
</script>
<![endif]-->

DD_belatedPNG.fix('.kartinko, .op,#name'); - здесь указываем необходимые ключи для PNG. но для подчеркивание пунтка меню для png подложки данная тема у меня не заработала

вот стили только для меню

#menu {margin:27px 0px 0 260px; position:relative;width:440px;}
#menu li {float:left; padding:0px 10px 0px 0px;/*margin:0 4px; */}
#menu li a { display:block;padding-top:5px; padding-right:8px;padding-left:8px;margin-top:-4px;height:30px;color:#a0613c; }
* html #menu li a {height:auto;line-height:25px;padding-bottom:10px;}
#menu li .clicked {background-image:url(images/treu.png);background-repeat:no-repeat;background-position:center center;color:#ebdac6;}
* html #menu .clicked {height:auto;line-height:25px;padding-bottom:7px;}
#menu li a, #menu .clicked {font:13px Arial}

вопрос 2. дал скриншот к нему. только в ie6 почему то уползает правый блок на странице вниз. по ссылке можно проверить на странице
skvend точка ру/automats/

вопрос 3 - опять же смотрим на скриншот -ТОЛЬКО В IE -меню поднимается вверх выше линии положения

вопрос 4 -скриншот второй. воспользовался на главной странице небольшим скриптом для галереи автоматов. опять же как для IE прописать скрипт для правильного отображения png картинок? вернее где в коде jquery там лежат эти картинки и как их прописать под png?

[DeCa]

сам сайт

[Niemans]

и?

[DeCa]

не могу понять сам как исправить данные косяки

p.s. если про меню
#menu li .clicked {background-image:url(images/treu.png);background-repeat:no-repeat;background-position:center center;color:#ebdac6;}
стиль который отвечает

сlass="menu li .clicked" не работает с данным скриптом аналогично по примеру с name. если у вас получиться буду очень благодарен

[Niemans]

вопрос 2

Ответ на второй вопрос:
У вас .r-title3 (которому вы прописали ширину 500px) лежит внутри блока #middle-title (у которого ширина 200px) - абсурд. Уберите и там и там ширину (у абзаца в html и у #middle-title в стилях и все встанет на место).

вопрос 3

Эту проблему я уже решил вам в прошлый раз.

*html #menu .clicked {height:auto;line-height:25px;padding-bottom:3px; background-position: center 4px;}

padding-bottom: 3px; background-position: center 4px; - это небольшая настройка положения.

вопрос 4

<!--[if lt IE 7]>
		<script src="dd_belatedpng.js"></script>
		<script>
			DD_belatedPNG.fix('.kartinko,.op,#name,#menu, .SlideItMoo_forward, .SlideItMoo_back') ;
		</script>
<![endif]-->

Соответственно я добавил .SlideItMoo_forward и .SlideItMoo_back через запятую, это классы отвечающие за кнопки вперед, назад.

вопрос 1

не понял.