AlexN

АУУУУУУУУУ!!!! Народ, помогитеееееее!!!!

Рано обрадовался... В разных браузерах вылазят глюки. Если в одном нормально - в другом всё в кучу сбилось . И наоборот. Хоть бери и таблицей делай... Макет "резиновый". Min, Max поубирал. Вот я в фотошопе макет разметил. Может неправильно что делаю-опыт не особо большой. Получается слева две картинки рядом, справа - тоже. Контент с левой и правой колонками находятся ниже. Вопрос: Как поднять контент (выше уровня блока 9), чтобы колонки слева и справа остались на месте (уровень 9 блока) ? В разных браузерах разные результаты получаются. В случае когда картинки левая и правая цельные (не из двух), при поднятии блока контента текст в длоке начинает огибать находящиеся под поднятым блоком контента блоки с картинками. Это видно по скринам выше. Замучился уже. Помогите плиз, гуру :-)

Всем спасибо. Вопрос закрыт.

Да понимаю я что накосячил где-то... <div id="container"> <div id="top"> <div id="l_bg_f"> </div> <div id="r_bg_f"> </div> <div id="tel">8(962)905-90-65</div> </div> <div id="left"></div> <div id="right"></div> <div id="content"> авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва авпвап вапваа вапва</div> <div id="otstup"> </div> <div id="bot">Здесь располагается содержимое id "bot"</div> </div> #container { margin: 0px auto; padding: 0px; /* width: 1064px;*/ border: 1px solid #000; min-width: 1064px; max-width: 1280px; z-index:3; position: relative; } #left { margin: 0px; padding: 0px; border: 1px solid #00F; width: 238px; height:400px; background-color: #FFDFFF; float: left; margin-top:0px; z-index: 3; position: relative; } #content { margin: 0px; padding: 0px; border: 1px solid #F00; margin: -250px 260px 0px 260px; position: relative; z-index:20; background-color: #FF9F55; } #right { margin: 0px; padding: 0px; border: 1px solid #00F; width: 250px; height:200px; background-color: #00DF55; float: right; margin-top:-250px; z-index: 2; position: relative; min-height:500px; } #top { margin: 0px; padding: 0px; background-color: #D4BFAA; background-image: url(../images/laye_werstka_03.jpg); height: 469px; background-repeat: repeat-x; position: relative; z-index: 1; } #bot { margin: 0px; padding: 0px; background-color: #FFDF55; height:100px; } #otstup { clear:both; height: 10px; } #l_bg_f { font-size: 14px; background-image: url(../images/laye_werstka_02.jpg); height: 469px; background-repeat: no-repeat; width: 404px; float: left; position:relative; z-index: 9; } #r_bg_f { font-size: 14px; background-image: url(../images/laye_werstka_04.jpg); background-repeat: no-repeat; float: right; height: 469px; width: 385px; position:relative; z-index: 10; background-color: #AA9F55; } #tel { position: absolute; z-index: 100; margin: 20px 0px 0px 60%; color: #D4FFFF; font-size: 18px; }

Вот такая ерунда получилась... пока не вижу в чём причина, может кто свежим взглядом кинет - подскажет? Красным - дивы с фоновым изображением. По z индексу 1 и 2 Оранжевый блок по z индексу - 70 Если текст добавить, то ниже линии границ он будет на всю ширину оранжевого блока.