X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Выравнивание div-ов
Mishko_hb
Mishko_hb
Topic Starter сообщение 11.4.2011, 23:16; Ответить: Mishko_hb
Сообщение #1


Добрый вечер. Очень нужна помощь.
Есть блок-контейнер со 100%-ой шириной. В нем содержится несколько блоков фиксированной ширины и высоты. Количество этих блоков зависит от разрешения: на 1280 - их 4, на 1600 - 5. и т. д. Все бы хорошо, но все эти блоки в родительском диве выровнены по левому краю. А нужно по центру.. Перепробовал все и text-align и margin: 0px auto... Как решить проблему?
Не нашел конкретного ответа на пост, извиняюсь, если дублировал тему.
Спасибо.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodroot
sodroot
сообщение 12.4.2011, 1:05; Ответить: sodroot
Сообщение #2


Mishko, Кинь код, так ничего не понятно... :goodpost:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 12.4.2011, 1:18; Ответить: Malganus
Сообщение #3


этим дивам нужно задать ширину, тогда margin: 0px auto сработает
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sodroot
sodroot
сообщение 12.4.2011, 8:46; Ответить: sodroot
Сообщение #4


Malganus,Молодец, я сразу не понял... Хотел код посмотреть...:rolleyes:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Mishko_hb
Mishko_hb
Topic Starter сообщение 12.4.2011, 10:57; Ответить: Mishko_hb
Сообщение #5


Код:

<div id="container">
<div class="thumb">
<img src="img/1.jpg" />
<div>Первый</div>
</div>
<div class="thumb">
<img src="img/2.png" />
<div>Второй</div>
</div>
<div class="thumb">
<img src="img/3.png" />
<div>Третий</div>
</div>
</div>


[CSS]#container{
width: 100%;
height: 300px;
margin-top: 60px;
overflow: hidden;
text-align: center;
}

.thumb{
float: left;
width: 250px;
height: 300px;
overflow: hidden;
margin-right: 5%;
text-align: center;
}
[/CSS]

Нужно, чтобы эти три дива выровнялись по центру контейнера. Ширина у них задана вроде..
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 12.4.2011, 20:54; Ответить: Malganus
Сообщение #6


Суть в том, что задавая основному блоку ширину 100%, мы тем самым заставляем дочерние блоки прижиматься к левой стенке экрана, т.к. у них заданно обтекание. Т.е. отцентровать дочерние блоки не получится если ширина не задана конкретным числом.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Mishko_hb
Mishko_hb
Topic Starter сообщение 13.4.2011, 14:50; Ответить: Mishko_hb
Сообщение #7


То есть выровнять ДИвы по центру невозможно??
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 13.4.2011, 19:28; Ответить: Malganus
Сообщение #8


(Mishko_hb @ 13.4.2011, 17:50) *
То есть выровнять ДИвы по центру невозможно??


При текущих условиях не получится.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Mishko_hb
Mishko_hb
Topic Starter сообщение 19.4.2011, 19:01; Ответить: Mishko_hb
Сообщение #9


Хорошо, тогда как сделать так же, как например на http://www.artlebedev.ru/?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Malganus
Malganus
сообщение 19.4.2011, 19:47; Ответить: Malganus
Сообщение #10


(Mishko_hb @ 19.4.2011, 22:01) *
Хорошо, тогда как сделать так же, как например на http://www.artlebedev.ru/?


а там нет центровки, там банальное обтекание и отступы
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1605 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыВыравнивание картинки по центру между текстом
10 NikN 2637 6.1.2021, 23:24
автор: buypushplatform
Открытая тема (нет новых ответов) Выравнивание содержимого footer'a
0 press74 4998 2.7.2019, 18:58
автор: -iiwanc-
Открытая тема (нет новых ответов) DIV'ы в строку
0 RedEclipse 5465 29.9.2016, 17:53
автор: -RedEclipse-
Открытая тема (нет новых ответов) при выборе radio в option не скрывались div
0 serj123 6931 17.4.2016, 17:45
автор: -serj123-


 



RSS Текстовая версия Сейчас: 26.4.2024, 1:09
Дизайн