2012-01-17 4 views
1

Я пробовал много вещей, но я до сих пор не нашел достойного решения.Как нажимать div внутри этой структуры div?

Хотя проектировал веб-страницы, я использую эту Компоновка (планировка с использованием различных полнометражный цветной полосы в фоновом режиме в качестве секций):

<body> 
<div id="wrap_banner" class="bg_banner"> 
<div id="wrapcentering_banner"> 
    <p>Here comes banner</p> 
</div> 
</div> 
<div id="wrap_middle" class="bg_middle"> 
<div id="wrapcentering_middle"> 
    <p>text</p> 
</div> 
</div> 
<div id="wrap_footer" class="bg_footer"> 
<div id="wrapcentering_footer"> 
    <table width="879" border="0" cellspacing="0" cellpadding="0"> 
     <tr> 
     <td class="text_webmade"> 
    <p> 
    Company</p></td> 
     </tr> 
    </table> 
</div> 
</div> 
</body> 

CSS содержит следующее:

#wrap_banner, #wrap_middle, #wrap_footer { 
position: relative; 
height: auto; 
} 

#wrapcentering_footer { 
    position: relative; 
    width: 1000px; 
    left: 50%; 
    margin-left: -500px; 
    height: 100%; 
    top: 0px; 
} 

#wrapcentering_middle{ 
     position: relative; 
     width: 1000px; 
     left: 50%; 
     margin-left: -500px; 
     height: auto; 
     top: 0px; 
    } 


#wrapcentering_banner { 
     position: relative; 
     width: 1000px; 
     left: 50%; 
     margin-left: -500px; 
     height: 200px; 
     top: 0px; 
    } 

.bg_middle, .bg_footer, .bg_banner { 
    width: 100%; 
    position: relative; 
     background-color:#FFF 
} 

ПРОБЛЕМА:

Любой div, который я помещаю в wrapcentering_banner, содержащий автоматическую высоту, НЕ подталкивает нижний колонтитул. В зависимости от Z-индекса он помещает контент либо за нижний колонтитул на верхнюю часть нижнего колонтитула, но он никогда не подталкивает div.

Я попытался поместить некоторые относительные div в одном контейнере div (внутри обтекателя div) с использованием автоматических высот и поплавка влево, но все же ничто не толкает divs вниз. Offcourse абсолютные divs также не работают.

Единственное решение, которое я должен получить, чтобы показать показанный контент, дает размер обтекателя div определенной высоты и удостоверяется, что содержимое сделано для этой высоты. Или мне нужно использовать таблицу в wrapcentering div. Таблицы сдвигают нижние колонтитулы.

Так как я не большой поклонник столов, есть ли способ подтолкнуть эти divs?

Спасибо.

ответ

0

Вы можете попытаться дать автоматическую высоту и поплавки в div wrapcentering_banner и очистить поплавок для нижнего колонтитула. Это позволит убедиться, что нижний колонтитул не плавает вместе с верхними div и будет располагать его ниже других div.

Смежные вопросы