Mary_RND

Во у вас пошли разговоры тут)))) Я просто тут с пар только вернулась Сейчас залью

>< ? Читала но не знаю как тут его применить.. я и подгоняла под свои просто у первого линка из-за двойной картинки она полностью видна И все таки как убрать эти дерганья в ИЕ6? ( вроде все уже упростила до css и html

как то не очень выглядит, и вдобавок пукты все равно скачут, да и картинку оно не обрезает,а делает всю В общем по сути проблема в том, что пукты меню скачут при моем коде просто скачут... первый нормально, второго при наведении нет, третий скачет вниз\ как этот глюк убрать в ИЕ6

Уже постила чуть раньше, но вот еще раз А сайта еще нет просто... картика которая подставляется

да так и сделала ж но теперь в ИЕ6 прикольно так при наведении рябит И при том первая нормально при наведении, вторая пустая, третья намного ниже фон появляется полностью всей страницы? )) не работает

Второй метод зароботал, только в нем походу нельзя делать текст получается? черт посмотрела в ИЕ7 в ИЕ6 меню просто не отображает даже текста Так понятно что было, надо было путь не ../i/, а ./i/ писать Теперь в ИЕ6 прикольно так при наведении рябит И при том первая нормально при наведении, вторая пустая, третья намного ниже фон появляется #index #menu_two { position:relative; float: right; list-style:none; height:210px; width: 325px; margin: -350px 0 0px 0; padding: 0 0 0 0; z-index: 7; text-align: left; } #index ul#menu_two li{ font-family: Arial; color: #fff; font-size: 18px; font-weight: normal; } #index ul#menu_two li a { position:absolute; top:0; right:0; width:325px; height:70px; text-align: left; color:#fff; background:url(../i/link_smena.png) no-repeat 0 0; text-decoration:none; text-indent:-1983em; overflow:hidden; cursor:pointer; } #index ul#menu_two li#n2 a{ top:65px; } #index ul#menu_two li#n3 a{ top:130px; } /*Смещение фона для нормальных броузеров*/ #index ul#menu_two li a:hover{ text-decoration: underline; background-position:0 -65px; } /* Симуляция смещения фона для ИЕ */ *html #index ul#menu_two li a{ background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./i/link_smena.png", sizingMethod="crop"); clip:rect(0px 325px 65px 0px); height:130px; } *html #index ul#menu_two li a:hover{ clip:rect(65px 325px 130px 0px); top:-65px; } <!-- menu two --> <ul id="menu_two"> <li id="n1"><a href="#">Схема проезда</a></li> <li id="n2"><a href="#">Скачать прайс-лист</a></li> <li id="n3"><a href="#">Оформить заказ</a></li> </ul>

проблема в том что это меню должно наезжать при 1024, как раз таки на ту злополучную флешку, и соответсвенно фон под ними от флеш должен быть виден

http://webhelper.org.ua/archives/40 я этим способом подключала png какой еще фикс использовать? http://html-css.info/2009/09/png-fix-ie6/ и этот работает так же

Вопрос вообще то не в прозрачности, по скрину видно, что она уже есть " а в том что при наведении картинка должна сместится, везде она при наведение смешается, а в ИЕ она вот так выглядит как на картинке

В ИЕ6 у ссылки фоном есть картинка, которая вдобавок png еще, при наведении должен менятся. В везде нормально, а вот ИЕ6 выдает: html <ul id="menu_two"> <li><a href="#" class="iePNG">Схема проезда</a></li> <li><a href="#" class="iePNG">Скачать прайс-лист</a></li> <li><a href="#" class="iePNG">Оформить заказ</a></li> </ul> css #index #menu_two { list-style: none; margin: -350px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } #index ul#menu_two li { font-family: Arial; margin: 0px 0 0px 0; color: #fff; font-size: 18px; font-weight: normal; } #index ul#menu_two li a { color: #fff; text-decoration: none; background: url(../i/link_smena_2.png) no-repeat left top; display: block; padding: 37px 0 0 10px; height: 33px; width: 315px; } #index ul#menu_two li a:hover { text-decoration: underline; background-position: -325px 0px; height: 33px; width: 315px; }

гы) не... не так>< Спасибо)))заработало)) Про z-index это знаю)

ну я вернула как было Дисплей блок убирала, и z-index тоже меняла А страницы нету еще, это только верстка

пробывала, но не помогает

html <!DOCTYPE html PUBLIC="-//W3C/DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtmll-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lagn="ru"> <head> <title></title> <META http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <META name="keywords" content="" /> <META name="description" content=""/> <LINK REL="stylesheet" TYPE="text/css" HREF="_css/style02.css" /> <LINK REL="SHORTCUT ICON" HREF="http://site.ru/favicon.ico" /> <!--[if IE 6]> <script type="text/javascript" src="_css/ie6fix.js"></script> <script type="text/javascript"> DD_belatedPNG.fix('.png24'); </script> <![endif]--> </head> <body id="index"> <div id="wrapper"> <!-- head --> <div id="head"> <!-- logo --> <img id="logo" src="i/logo.jpg" height="77" width="30" /> <!-- telefon --> <div id="telefon"> <a href="mailto:roslitprom@rostov.ru">roslitprom@rostov.ru</a><br/> тел.:(863) <span class="yellow">220-31-60, 290-37-66</span> тел./факс:(863) <span class="yellow">299-34-90, 291-32-51</span> 344039, г. Ростов-на-Дону, Павленко пер., 15 </div> <!-- icons --> <div id="icons"> <img src="i/icons_index_s.gif" height="11" width="14"/> <a href="#"><img src="i/icons_contacts.gif" height="11" width="14"/></a> </div> </div> <!-- / head --> <!-- menu --> <ul id="menu"> <li>О предприятии</li> <li><a href="#">Каталог продукции</a></li> <li><a href="#">Наши потребности</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Справочник</a></li> <li><a href="#">Контакты</a></li> </ul> <!-- /menu --> <div id="flash_block" style=""> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0"width="800" height="560" id="isx" align="middle"> <param name="allowScriptAccess" value="sameDomain" /> <param name="allowFullScreen" value="isx" /> <param name="movie" value="i/isx.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#930c0d" /> <embed src="i/isx.swf" quality="high" bgcolor="#930c0d" name="isx" align="middle" wmode="transparent" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" width="800" height="560" /> </object> </div> <!-- menu two --> <ul id="menu_two"> <li><a href="#" class="png24">Схема проезда</a></li> <li><a href="#" class="png24">Скачать прайс-лист</a></li> <li><a href="#" class="png24">Оформить заказ</a></li> </ul> <!-- /menu --> <!-- content --> <div id="base"> <div id="content"> <p><strong>sddsds</strong> - Схема проезда Схема проезда Схема проезда Схема проезда.</p> </div> </div> <!-- /content --> <!-- note --> <a href="#" id="note"><h3>Скачать прайс-лист</h3></a> <!-- footer --> <div id="footer"> </div> <!-- /footer --> </div> </body> </html> css /* general applications */ html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, div { margin: 0; padding: 0; border: 0; } a img { border: 0; } a {} a:visited {} a:hover { text-decoration: none; } body { font-size: 75%; font-family: Verdana, sans-serif; color: #fff; min-width: 1000px; } table { border-collapse: collapse; border-spacing: 0; } table td { padding: 0; } /* page was not compressed less 1000 px */ #wrapper { width:expression(document.body.clientWidth < 1005? "1000px": "auto"); } /* /general applications */ /* Mainframes */ body { background: #000; } #wrapper { background: url(../i/bg_wrapper.gif) no-repeat left top; } *html #wrapper { float: left; } /* head */ #head { padding: 35px 18px 0 0; height: 135px; position: relative; display: block; z-index: 7; } #index #head { margin: 0 18px 0 25px; } /* logo */ img#logo { float: left; width: 300px; height: 77px; position: relative; display: block; z-index: 7; } /* telefon */ #telefon { float: right; margin: -20px 0 0 0px; position: relative; display: block; z-index: 7; } /* note */ a#note { display: block; width: 282px; background: url(../i/bg_note.jpg) no-repeat; float: right; text-decoration: none; border: 1px } a#note h3 { font-size: 1.2em; color: #DCD474; margin: 0 15px 12px 0; padding: 12px 17px 0 17px; background: url(../i/bg_a_note.gif) no-repeat right bottom; } a#note h3 { color: #DCD474; } /* icons */ #index #icons { width: 75px; min-height: 30px; height: 30px; float: left; clear: left; margin: -103px 0 0 245px; padding: 0 0 0 13px; position: relative; display: block; z-index: 7; } /* /head */ /* flash_block*/ #flash_block { margin: -488px 0 0 10%; padding: 0 0px 0 0; z-index: 0; display: block; position: relative; } /* /flash_block*/ /* menu */ #index ul#menu { width: 210px; margin: 0 0 75px 25px; padding: 0px 0 0 0px; position: relative; display: block; z-index: 7; } #index ul#menu_two { margin: -330px 0 0px 0px; padding: 0px 0 0 0px; position: relative; display: block; float: right; z-index: 7; text-align: left; } /* /menu */ /* content */ #base { width: 100%; position: relative; display: block; z-index: 7; } #content { z-index: 1; } *html #index #content { height: 142px; } #index #content { background: url(../i/bg_content_index.gif) no-repeat; margin: 0 0 0 25px; width: 290px; height: 142px; } /* /content */ /* footer */ #footer { height: 59px; /*background: url(../i/bg_footer.gif) no-repeat right bottom;*/ padding: 216px 0 0 0; z-index: -1; margin: -170px 0 0 80px; } /* /Mainframes */ /* Details */ /* telefon */ #telefon { color:#fff; font-family: "Tahoma"; font-size: 14px; width: 300px; line-height: 2; } #telefon a { color:#fff; } #telefon span.yellow { color:#fdc502; font-size: 18px; font-weight:normal; float: right; margin: -8px 0 0 0; } /* icons */ #icons img { vertical-align: middle; margin: 0px 6px 0 6px; } /* / head */ /* menu */ #index #menu, #index #menu_two { list-style: none; } #index ul#menu_two li{ font-family: Arial; margin: 0px 0 0px 0; color: #fff; font-size: 18px; font-weight: normal; } #index ul#menu_two li a { color: #fff; text-decoration: none; background: url(../i/link_a.png) no-repeat 0 0; display: block; position: relative; padding: 37px 0 0 10px; height: 36px; width: 325px; } #index ul#menu_two li a:hover { text-decoration: underline; background: url(../i/link_h.png) no-repeat 0 0; display: block; position: relative; padding: 37px 0 0 10px; height: 36px; width: 325px; } #index ul#menu li{ margin: 0 0 10px 0; color: #fdc502; font-size: 18px; padding: 0 0 10px 18px; } #index ul#menu li a { color: #c2c9cd; text-decoration: none; } #index ul#menu li a:hover { color: #5b719b; text-decoration: underline; } /* / menu */ /* content */ #content { color: #5b719b; padding: 13px 20px 15px 20px; } #index #content p { font-size: 14px; text-indent: 0px; font-weight: normal; line-height: 2.0; } #index #content p strong { color: #fff; } /* /content */ /* footer */ #index #footer p { color: #7C7D82; font-size: 0.7em; float: left; } #index #footer a { color: #7C7D82; } #index #footer img.counter { margin-right: 28px; float: left; } /* /Details */ Не помогает (

Есть флеш, находится по центру сайта, получается она задевает все блоки на странице В Мозиле и Опере нормально В ИЕ 6 и 7 флеш перекрывает эти блоки У всех блоков что могут перекрытся флешом прописано position: relative; display: block; z-index: 7; у блока с флеш z-index: 0; display: block; position: relative; Как можно это исправить?

черт)) Спасибо

Сайт http://yugfiltr.ru/contacts форма отправки при разрешении 1024 убегает вниз в ИЕ6 Не могу понять в чем дело...Подскажите

Забыла отписатся, что переделала все) Спасибо) Забавно, что так я и сделала структуру Просто не понятно почему на одном работает сайте, а на другом нет

Никто не подскажет?

что должно быть а что получается В ИЕ6 на 1280 норм, на 1024 вот такая гадость получается

не хочет он зараза><

Не помогло>< Его ж в проблемный блок сунуть надо?

Еще раз большое спасибо^__^

Я много кого не знаю) css и html учусь с помощью седерхольма>< и интернета) я редкий гость тут) когда поправде не понимаю происходящего(( за советом и помощью)

Есть три колонок Везде все отлично кроме ИЕ6, на 1280 нормально,но стоит свернуть до 1024 и блок navigation наезжает на content Хотя не другом сайте моем же точно так же устроено и нормально все В чем ошибка? html <div id="wrapper"> <div id="wrapper_r"> <div id="content"> <div class="block_proiz"><img src="i/big_img.jpg" height="273px" width="401px"/></div> <p>Жестокая. Красный волк и Серая шапочка.</p> <p>-Ну что, - сказала Красная шапочка волку, - Может, не будем разводить эту канитель про большие уши, большой нос и большие зубы, а быстро с этим закончим?</p> <p>-Ээээ... - недоуменно протянул волк и на всякий случай решил свериться со сценарием. - Разве ТЫ должна говорить эти фразы?</p> <p>Маленькая кавайная девочка улыбнулась, доставая спрятанный за спиной огромный тесак...</p> <p>- Существуют альтернативные миры, пушистик, - промурлыкала она через некоторое время, дожевывая последний кусочек и отплевываясь от застрявшей в зубах шерсти...</p> <a href="#" id="all">подробнее</a> </div> </div> </div> <div id="navigation"> <h3>Новости</h3> <div id="news_r"> <dl> <dt>27 февраля 2010</dt> <dd>Peugeot открывает год своего 200-летия тройной победой моделей 3008 и 5008</dd> <dd class="img"><img src="i/news1.jpg" height="145px" width="194px"/></dd> </dl> <dl> <dt>27 февраля 2010</dt> <dd>Государственная Дума уточнила порядок исчисления убытков по ОСАГО </dd> <dd class="img"><img src="i/news2.jpg" height="145px" width="194px"/></dd> </dl> <dl> <dt>27 февраля 2010</dt> <dd>Государственная Дума уточнила порядок исчисления убытков по ОСАГО </dd> </dl> <a href="#" id="all_news">все новости</a> </div> </div> <div id="extra"> <h3>Меню</h3> <div id="menu_l"> <a href="#"><img src="i/menu1.jpg" height="180px" width="200px"/></a> <a href="#"><img src="i/menu1.jpg" height="180px" width="200px"/></a> <a href="#"><img src="i/menu1.jpg" height="180px" width="200px"/></a> <a href="#" id="all_menu">все меню</a> </div> </div> css #index #wrapper { float: left; width: 100%; margin-top: -155px; background: url(../i/bg_left_wrap_i.gif) repeat-y left top; } #index #wrapper_r { width: 100%; float: left; background: url(../i/bg_right_wrap_i.gif) repeat-y right top; } #index #content { margin: 160px 300px 0 300px; padding: 0 0 0px 0; min-height: 700px; height: 700px; } #index #navigation { float:left; width: 200px; margin-top: -25px; margin-left:-94%; } *html #index #navigation { margin-left:-69%; }/*на 1280 нормально стоит свернуть до 1024 и поле наезжает на сонтент*/ #index #extra { float:left; width: 200px; margin-top: -25px; margin-left: -270px; }