Выравнивание слоя в STRICT

yauhen · August 7, 2007

Здравствуйте уважаемые знатоки

Вопрос в следующем:

Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке?

Условия:

1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool:

2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение)

Что можете посоветовать?

Спасибо.

rash · August 8, 2007

А как можно выравнивать по центру блок неопределенной ширины? Если ширину не указывать и не позиционировать, то он займет все пространство, и выравнивать будет негде -)

yauhen · August 8, 2007

ОК, отойдем немного в сторону в вопросе ширины?

Как выровнять такое?

html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
?
?
?
<div id="altMenu">
<span>
<a href="#">Меню ?1 |</a>
<a href="#">Меню ?2 |</a>
<a href="#">Меню ?3 |</a>
?(кол-во может варьироваться)
</span>
</div>

Или такое?

html:

<div id="partnersContainer">
<div id="partners">
<img src="test1.jpg" width="80" height="33" alt="Партнер ?1" />
<img src="test2.jpg" width="80" height="33" alt="Партнер ?2" />
<img src="test3.jpg" width="80" height="33" alt="Партнер ?3" />
?(кол-во может варьироваться)
</div>
</div>

css:

#partners {
 float: left;
}

В общем ? реально ли в STRICT центрировать блок с неизвестной заранее шириной?

Если нет, то, как поступаете Вы в таких ситуациях? Фиксируете блоки по длине? Либо стараетесь не выравнивать по центру?

kiD · August 8, 2007

http://forum.htmlbook.ru/viewtopic.php?pid=29761#p29761

yauhen · August 8, 2007

http://forum.htmlbook.ru/viewtopic.php?pid=29761#p29761

Не понимаю что в Вашем методе уникального? ширина также во всех дивах установлена?

1. <div style='width:130px; margin:0px auto;'> 
2. <div style='width:130px; margin:10px auto 15px auto;'>

Jenek · August 8, 2007

<div id="partners">
<img src="test1.jpg" width="80" height="33" alt="Партнер ?1" />
<img src="test2.jpg" width="80" height="33" alt="Партнер ?2" />
<img src="test3.jpg" width="80" height="33" alt="Партнер ?3" />
?(кол-во может варьироваться)
</div>

.partners {
width:100%; /* или сколько там у вас */
text-align:center;
}

kiD · August 8, 2007

лол, если нет желания думать... удачи

yauhen · August 9, 2007

To: kiD, Если нет желания помочь ? я полагаю что, отвечать, тоже не стоит.

To: Jenek, для inline элементов ? это конечно очевидный способ, но не для изображений IMHO

А как центрировать вот это меню, например?

http://cssing.org.ua/examples/menu/

Если кол-во элементов в меню изначально не известно (на этапе создание шаблона), и соответственно ширину элементу ul не задашь??!

PacMan · August 9, 2007

To: Jenek, для inline элементов ? это конечно очевидный способ, но не для изображений IMHO

На заметку: img это inline элемент

kiD · August 9, 2007

To: kiD, Если нет желания помочь ? я полагаю что, отвечать, тоже не стоит.

если нет желания разбираться... то отвечать вам, действительно смысла нет

yauhen · August 9, 2007

На заметку: img это inline элемент

Да, на самом деле? спасибо, извиняюсь за дизинфо.

yauhen · August 9, 2007

kiD, Ваша манера общения не располагает к достижению правильного результата.

Еще раз посмотрел на Ваш пример, не понимаю, как он мне может помочь в данной ситуации (см. пост с меню)

P.S. Не понимание и не желание думать ? разные вещи.

P.P.S. Извиняюсь если задел Вас, чем-либо.

YETI · August 9, 2007

Здравствуйте уважаемые знатоки
Вопрос в следующем:
Знаете ли Вы способ выровнять блочный элемент разного размера (допустим с кнопками партнеров, либо альт. меню) по центру страницы при STRICT верстке?
Условия:
1. aligin="center" не предлагать, почему ? смотри еще раз вопрос? :cool:
2. margin: 0 auto; тоже, поскольку надо задавать ширину центрируемого блока (соответственно при изменении информации в нем, может произойти переполнение)
Что можете посоветовать?
Спасибо.

Используйте яваскрипт если уж вам так надо без align и margin. Ловите onResize считайте ширину элемента, окна и динамически проставляйте отступы.

yauhen · August 9, 2007

Да рабочее решение, но хотелось бы Pure CSS.

oknechirik · August 10, 2007

http://www.cssplay.co.uk/menu/centered

кроссбраузерно, стрикт, универсально

размер не имеет занчения =)

oknechirik · August 10, 2007

и еще, не устаю повторять - на указанном сайте есть ответы почти на все вопросы по css, даже на те, которые вы еще не придумали

yauhen · August 15, 2007

Спасибо большое

Sign In

Выравнивание слоя в STRICT

Question

Link to comment

Share on other sites

16 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information