2012-06-17 4 views
-2

Я попытался сделать то, что сказал другой вопрос, но я думаю, что проблема в том, что для меня не работает, потому что divs плавают. это мой HTML тело:Как я могу выровнять содержимое плавающего div в центр div?

<body> 
<div class="container"> 
<div class="header"></div> 
<div class="sidebar1"></div> 
<div class="content"></div> 
<div class="sidebar2"></div> 
<div class="footer"> </div> 
<!-- end .container --></div> 
</body> 

так, что им ищет, находится на «sidebar2» центрировать дэ содержания этого дела. и все дивы плывут, Херес CSS:

.container { 
width: 960px; 
background: #FFFFFF; 
margin: 0 auto; 
} 
.header { 
background: #ADB96E; 
} 
.sidebar1 { 
float: left; 
width: 180px; 
background: #EADCAE; 
padding-bottom: 10px; 
} 
.content { 

padding: 10px 0; 
width: 600px; 
float: left; 
} 
.sidebar2 { 
float: left; 
width: 180px; 
background: #EADCAE; 
padding: 10px 0; 
} 
.footer { 
padding: 10px 0; 
background: #CCC49F; 
position: relative;/* this gives IE6 hasLayout to properly clear */ 
clear: both; 
} 

так, что происходит в том, что сейчас, все, что я пост на sidebar2 является aliging к вершине, и содержание этого DIV выглядит прямо под заголовком и im ищет его, чтобы выглядеть вертикально посередине. Ive попробовал вертикальное выравнивание в css, сотрясая боковую панель на теле и выравнивая ребенка, не работал = [.

Любая помощь?

+1

Если это вопрос, связанный с PHP, как указано в вашем 'TAG', отправьте любой соответствующий PHP-код. –

+1

Создание jsfiddle облегчает людям помощь иногда: http://jsfiddle.net/YhW4F/ –

+0

Просмотрите исходный код http://www.wpdfd.com/editorial/thebox/deadcentre4.html и нажмите «назад» внизу для большего количества примеров. –

ответ

2

jsfiddle

так это то, что вы пытаетесь сделать, но у вас есть проблемы с прокладкой, и вы должны знать, как рассчитать ширину с прокладкой, поэтому я хотел бы предложить эти учебники для Вас:

CSS Box Model

Solving the CSS Padding Problem | TutWow

и о вертикальной выравнивать, просто поиск и вы найдете много метода и способов сделать это.

+0

любой другой, чем разрыхление, выравнивание по вертикали и выравнивание текста? , ty – Ivan

+0

Это была проблема с заполнением. Спасибо большое. – Ivan

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