есть бокс заранее не известной ширины. как мне его спозиционировать по центру?
Ведь бокс растягивается по всей длинне, а если указать ширину - может не влезть контент. Как быть?
Вид для печати
есть бокс заранее не известной ширины. как мне его спозиционировать по центру?
Ведь бокс растягивается по всей длинне, а если указать ширину - может не влезть контент. Как быть?
автополяКод:margin: 0 auto;
хм.. а такое возможно?
garA
:shok: Свалили в ужас! ))
мне кажеться что такое сработает если задана ширина
Что-то муть тут у нас какая-то получается)
Павел начал, Руслан усомнился, а я тут же подхватил с бухты-барахты))
А виноват автор вопроса! [Only registered and activated users can see links. Click Here To Register...]
Выравнивание блочного элемента по горизонтали без указания его ширины не имеет смысла – он занимает все доступное пространство родительского элемента по умолчанию.
Ум за разум уже, ей-богу))
в том то и дело, но решил "подстраховаться", может действительно есть какой-нибудь метод.. [Only registered and activated users can see links. Click Here To Register...]Цитата:
Выравнивание блочного элемента по горизонтали без указания его ширины не имеет смысла – он занимает все доступное пространство родительского элемента по умолчанию.
значит, нет.. [Only registered and activated users can see links. Click Here To Register...]
[/quote]Цитата:
Originally posted by Aykroyd@Aug 6 2007, 11:02
Что-то муть тут у нас какая-то получается)
Павел начал, Руслан усомнился, а я тут же подхватил с бухты-барахты))
А виноват автор вопроса!* [Only registered and activated users can see links. Click Here To Register...]
Выравнивание блочного элемента по горизонтали без указания его ширины не имеет смысла – он занимает все доступное пространство родительского элемента по умолчанию.
Ум за разум уже, ей-богу))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
ой, точно :blush2:
Да нет! Метод есть однозначно! [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...] [Only registered and activated users can see links. Click Here To Register...]
Делаем блочный элемент строчным, и начинаем его гонять куда ни попадя при помощи text-align в родительском))) [Only registered and activated users can see links. Click Here To Register...]
думаю строчный элемент это не выход,смотря канеш какой контент в него впихивать и как этот блок должен быть оформлен.
може более расширинное описание задачи есть,тогда мож варианты будут.
какой контент впихивать, как он может не поместиться?
вот набросал в изврашенной форме:
Код:*<div style="position:relative;border:1px solid green;">
****<div style="position:absolute;left:50%;border:1px solid black;">
*<div style="position:relative;left:-50%;border:1px solid red;">
*****Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
*</div>
****</div>
</div>
never_again
Все это можно записать намно-ого короче...
Только это уже совсем другая история... )Код:<div style="width: 50%; margin-left: -25%; position: absolute; left: 50%;">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
</div>
ты не учел если ситуацию,в которуй контента бльше,допустим большая картинка,больше чем 50% по ширине родителя
[/quote]Цитата:
Originally posted by never_again@Aug 7 2007, 11:46
ты не учел если ситуацию,в которуй контента бльше,допустим большая картинка,больше чем 50% по ширине родителя
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Свой вариант на этот же предмет проверьте...)
never_again
Будьте уж так добры, поясните, что же я все-таки не учел...
Aykroyd
задача была спозиционировать блок по центру без указания шири и при этом чтобы если контента было больше, то он тоже позиционировался по центру.
в моем понима7нии контент,который способен не влезть в блок это графические элементы,которые больше по ширине чем блок.
в моем варианте если вставить картинку которая больше половины ширины родительского блока то он растянется и будет по центру,в твоем варианте если вставить картинку больше половины ширины родительского блока,то блок позиционируемый блок осатанеться на месте,шириной 50% а картинка просто вылезет за пределы)
это явно оффтоп и автору это уже не интересно))
мой вариант не работает в 7ие)почему-не разбирался
еще в моем варианте бок с горизонтальной прокруткой,но он убираеться посредствам overflow: hidden у родителя)
я ответил на ваш вопрос?
[/quote]Цитата:
Originally posted by never_again@Aug 8 2007, 12:24
я ответил на ваш вопрос?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Вполне. Но, простите:
[/quote]Цитата:
Originally posted by never_again@Aug 8 2007, 12:24
это явно оффтоп и автору это уже не интересно))
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Небольшой ликбез.
Оффтоп – есть отправка сообщений не по содержанию форума/темы. Если Вы считаете, что мы тут должны публиковать (в рамках предложенной темы) только то, что интересно автору – смею Вас заверить, Вы глубоко заблуждаетесь.
[/quote]Цитата:
Originally posted by never_again@Aug 8 2007, 12:24
задача была спозиционировать блок по центру без указания шири и при этом чтобы если контента было больше, то он тоже позиционировался по центру.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Вы до сих пор не понимаете, что это не задача, а ересь чистой воды?
[/quote]Цитата:
Originally posted by never_again@Aug 8 2007, 12:24
в моем понима7нии контент,который способен не влезть в блок это графические элементы,которые больше по ширине чем блок.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
Пожалуйста, вдумайтесь в то, что только что написали еще раз. Графические элементы не могут быть больше по ширине, чем блок только лишь потому, что ширина блока нам не ведома)) (в соответствии с псевдозаданием). И вообще, графические элементы можно преспокойно отцентрировать строчными методами. Потому что графика – это по умолчанию строчный элемент... )
А мне понравилась идея never_again'а [Only registered and activated users can see links. Click Here To Register...] , хотя это не есть хорошо.
ИМХО, то, что этот вариант не работает в ИЕ7, это правильно.. получается, что ФФ глючит.. или я ошибаюсь?.. [Only registered and activated users can see links. Click Here To Register...]
PS never_again, Вы сами это придумали? )
garA
Там надо еще три-четыре обрамляющих дива накинуть... Тогда и в IE7 заработает) [Only registered and activated users can see links. Click Here To Register...]
garAда,сам.Цитата:
вот набросал в изврашенной форме:
работает в ие6,опера,фф,сафари (виндовая) так что скорее всего глюк ие7)
я не настаиваю что это хорошее и универсальное решение,это пример,что задачу решить можно, только нужно больше данных)