Центрирование содержимого DIV

Sedli · February 13, 2011

Всем привет.

Столкнулся с небольшой проблемой и никак не могу ее разрешить. Помогите, пожалуйста! Допустим, у нас есть контейнер .content внутри которого текст и небольшая галерея.

У меня никак не получается выровнять содержимое content по центру. Margin:0 auto для content не помогает. Text-align выравнивает только текст. Пробовал взять img в <p> - результата не принесло.

В общем, вопрос пустяковый, но он никак мне не дается. Дайте совет.

p's: поиск по форуму почему-то не работает.

<head>

.content {
width:60%;
float:left;
}

.gallery {
float:left;
margin:4% 7% 4% 0;
}

.gallery2 {
float:left;
margin:5% 7% 0 10%;
}

.gallery P {
margin:0 auto 5px;
text-align:center;
}

.gallery2 P {
margin:0 auto 5px;
text-align:center;
}

</head>
<body>
<div class="content">		
<div class="gallery">
<img src="" alt="new1" width="150" height="150" />
<p><a href="">Text</a></p>
</div>
<div class="gallery">
<img src="" alt="new2" width="150" height="150" /></p>
<p><a href="">Text</a>
</div>
div class="gallery">
<img src="" alt="new3" width="150" height="150" />
<p><a href="">Text</a></p>
</div>
<div class="clear"></div>
<div class="gallery2">
<img src="" alt="new4" width="150" height="150" />
<p><a href="">Text</a></p>
</div>
<div class="gallery2">
<img src="" alt="new5" width="150" height="150" />
<p><a href="">Text</a></p>
</div>
<div class="clear"></div>

Vlad · February 13, 2011

float уберите.

Sedli · February 13, 2011

Спасибо, Влад. Да, если убрать float содержимое выравнивается по центру всей страницы. Но, у меня справа от content стоит еще один блок (для этого и прописал float). А я хочу добиться, чтобы содержимое выравнивалось по центру 60%-ного content.

В голову пока приходит, только если ввести еще один блок внутрь content с width:80% и значением margin:0 auto. О! Кажется работает.

LeD4eG · February 13, 2011

а что, если сделать именно тот блок, который находится справа float: right? по-моему, из твоего сообщения видно, что тебе важно, чтобы в 60%-ном диве .content можно было управлять выравниванием....а про правую панель ничего не сказано...ну так и равняйте её к правому краю)))

я когда-то читал про дивизм...по-моему, это как раз таки этот случай. вы заводите раздел .content, который занимает 60% от страницы.....в него вкладываете ещё один раздел, занимающий 80% от родительского.....и это всё для чего?для того, чтобы просто выровнять контент?

Edited February 13, 2011 by LeD4eG

Sedli · February 13, 2011

Нда, уже успел понять, что выходит полная фигня. Воспользовался float:right и стало как то полегче.

Что ж, будем продолжать набивать руку.

Спасибо!

Sign In

Центрирование содержимого DIV

Question

Sedli

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Sedli

Link to comment

Share on other sites

LeD4eG

Link to comment

Share on other sites

Sedli

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information