Ripley
-
Posts
3 -
Joined
-
Last visited
Ripley's Achievements
Explorer (1/14)
0
Reputation
-
Спасибо, проблема уже решена методом "Мы пойдем другим путем" =)
-
Добавил доктайп: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> До того перепробовал ещё несколько других. Эффекта, к сожалению, почти нет (слегка изменилась ширина основного родительского блока). Спасибо, поправил.
-
Добрый день. Суть проблемы следующая: Один из блоков DIV (красный) лежит поверх всех модулей (в будущем там будет флеш), и при этом заходит на два из них. Проблема появляется только при отображении в браузерах - IE 6,7,8 (в FF2,3, Opera, Chrome, Safari все отображается нормально. Красный модуль растягивает родительский модуль, вместо того, что бы заходить за его границу. Этот же модуль вмето того, что бы лежать поверх другого "оранжевого" модуля расположился ниже по оси y. Скорее всего я просто чего то не знаю (тожественно захлопнул самоучитель месяц назад), но вот чего именно... Основная цель сейчас IE 7,8 - IE 6 буду мучать позже (насколько я понимаю - это отдельная Санта-Барбара. Сама верстка расположена здесь: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>LC-TEST</title> <link rel="stylesheet" type="text/css" href="css/template.css"> </head> <body> <div id="body"> <div id="cont"> <div id="logo1"></div> <div id="logo2">REKLAMA logo</div> <div id="tele">tel. nuber</div> <div id="balloon"></div> <div id="menu">menu</div> <div id="content">content</div> </div> </div> </body> </html> Файл .css #cont { background-color:#000; width:1024px; height:auto; min-height:850px; margin:0 auto; padding:0; position:relative; } #logo1 { width:287px; height:170px; background-color:#30d5c8; float:left; position:relative; z-index:1; } #logo2 { height:170px; width:457px; background-color:#cf0; float:left; position:relative; z-index:1; } #tele { height:170px; width:280px; background-color:#ff7a00; float:left; position:relative; z-index:1; } #balloon { height:500px; width:400px; background-color:red; margin-left:950px; position:relative; z-index:2; } #menu { height:625px; width:285px; background-color:#1e90ff; float:none; margin-top:-300px; position:relative; z-index:2; }