AntonSolo

Проблема заключается наверно в том что нужно чтобы блоки внутри left и right всегда были внизу, а в тех примерах опускается вниз когда увеличивается конкретный блок.

Спасибо всё зараьотало, теперь последняя проблема. Можно ли в блок left или right вставить еще по одному блоку, и чтобы эти бвставные блоки всегда находились внизу ???

<div class="left_bottom"></div> вложен в <div class="left"></div> его нельзя так спозиционировать height:100% left 100% , а left_bottom фиксированной высоты width:328px; height:203px

Я же выше кинул конкретный пример! left { background:url(../img/bg_left.jpg) repeat-y ; margin-left:-533px; width:328px; float:left; margin-bottom:-32767px; padding-bottom:32767px; } .left_top { float:left; background:url(../img/center_left_top.png) no-repeat ; width:328px; height:179px } .left_bottom{ float:left; margin-top:-203px; background:url(../img/center_left_bottom.png) no-repeat ; width:328px; height:203px } <div class="left"> <div class="left_top> </div> <div class="left_bottom"></div> </div> нужно чтобы фоновый рисунок left_bottom размещался в самом низу блока left в зависимости от того на сколько он растянут. Надеюсь так понятно будет)))

так тоже не работает! да и что -то я логики не улавливаю как оно так может работать!)

.left { background:url(../img/bg_left.jpg) repeat-y ; margin-left:-533px; width:328px; float:left; margin-bottom:-32767px; padding-bottom:32767px; } .left_top { float:left; background:url(../img/center_left_top.png) no-repeat ; width:328px; height:179px } .left_bottom{ float:left; margin-top:-203px; background:url(../img/center_left_bottom.png) no-repeat ; width:328px; height:203px } <div class="left"> <div class="left_top> </div> <div class="left_bottom"></div> </div> нужно чтобы фоновый рисунок left_bottom размещался в самом низу блока left в зависимости от того на сколько он растянут. Надеюсь так понятно будет)))

200 и 500 это высота, у мепня ещё стоит float:left это может как-то влиять ?

Спасибо всё работает, только теперь наткнулся на другую проблему в 6IE не могу прилепить футер!) ? Можно ли и с этим как то побороться для данного примера

не работает так((( Может причина в чём-то другом!

Есть div 500px и второй 200px нужно тот что меньше разместить внутри большего и чтобы он отображался в самом низу, без позиционирования это возможно ?

left-right-content первые два фиксированые второй резиновый, занимает всё оставшееся пространство в зависимости от расширения

Так оно и в 7 , не только в 6 <div id="middle" class="bordr bordl"> <div class="wrap"> <div class="main"> <div class="center"> <div class="content bordl"> <div style="border: 1px solid rgb(255, 0, 0); margin: 10px auto; padding: 5px 8px; width: 520px;"> Блок по ширине больше установленного <span style="color: green;">min-width</span> <br/> При уменьшении окна браузера по горизонтали будет обрезан справа. <br/> <br/> Для IE6 Ширина макета фиксирована. Для IE6 Ширина макета фиксирована.<br> Для IE6 Ширина макета фиксирована. Для IE6 Ширина макета фиксирована.<br> Для IE6 Ширина макета фиксирована. Для IE6 Ширина макета фиксирована.<br> Для IE6 Ширина макета фиксирована. Для IE6 Ширина макета фиксирована.<br> Для IE6 Ширина макета фиксирована. Для IE6 Ширина макета фиксирована.<br> Для IE6 Ширина макета фиксирована. Для IE6 Ширина макета фиксирована.<br> </div> <p class="expand"> </p> <p>Middle Center</p> </div> </div> <div class="left"> <p class="expand"> </p> <p>Middle Left</p> </div> <div class="right"> <p class="expand"> </p> <p>Middle Right</p> </div> </div> </div> </div> вот стили #middle { background:#000000 none repeat scroll 0 0; } #middle .center { margin-left:-401px; } #middle .content { background-color:yellow; margin-left:401px; } #middle .left { background:red; width:200px; } #middle .right { background:blue; margin-left:-759px; width:200px; } .wrap, .center, .content, .left, .right { margin-bottom:-32767px; padding-bottom:32767px; } .wrap, .center { width:100%; } .wrap, .left { float:left; } .center, .right { float:right; } .content { padding-top:9px; } .bord { border:1px solid #000000; } .bordt { border-top:1px solid #000000; } .bordr { border-right:1px solid #000000; } .bordb { border-bottom:1px solid #000000; } .bordl { border-left:1px solid #000000; } #middle .right { } .clear { clear:both; display:block; font-size:1px; height:1px; overflow:hidden; } p { padding:5px 10px; } .expand a { clear:both; color:#996600; display:block; text-decoration:underline; width:100px; } .expand a:hover { color:green; height:600px; } ну и нужно чтоб третяя колонка, которая мамая правая была резиновая

В этих примерах не работает ничего для IE и макеты в ширину не фиксированные( Тоесть наоборот фиксированные!

Ищу, что -то найти не могу

Здравствуйте реально ли создать такой макет в три колонки (блочная вёрстка). В котором ширина первой и второй колонки будут фиксированые а третья колонка будет растягиваться на всю оставшуюся ширину экрана. высота будет растягиваться относительно самой высокой колонки. Фон у всех разный, причём первым двум колонкам он задаётся рисунками, так что вариант с бордерами не подходит. Заранее спасибо!