Textpattern - на русском языке

форум общения русскоязычных пользователей CMS Текстпаттерн

Вы не зашли.

#1 06-12-2006 09:59:25

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Отцентровать блок неизвестной ширины?!

Вот уж не жумал...

Задача в чем: у меня есть список, элементы которого, естественно, сделаны флоатами и расположены горизонтально. Теперь сам список надо оцентровать на страничке. Так вот, это не выходит! Все известные мне приемы предполагают установку в явном виде ширины выравниваемого контейнера (в данном случае -- ul), но у меня-то его ширина заранее неизвестна...

В обчем, если кто сталкивался и решил -- ОЧЕНЬ прошу помочь!


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#2 06-12-2006 10:24:56

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Решилось пока так:

display: table;
margin-left: auto;
margin-right: auto;

+ родительский контейнер получил text-align: center, для Иксплорера.

Что скажете?


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#3 06-12-2006 11:08:06

ТВЭЛ
слово
Откуда: Северск-Томск
Зарегистрирован: 29-04-2006
Сообщений: 366
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Ну раз работает, значит нормально. Сейчас сам поэкспериментировал - лучшего решения не нашел.

P.S. Только вместо {margin-left: auto; margin-right: auto;} я бы все таки сделал {margin: 0 auto;}.

Отредактированно ТВЭЛ (06-12-2006 11:12:50)


Время не ждет.

Неактивен

 

#4 06-12-2006 11:28:18

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Интересно, что получилось в IE7. Он же вроде не поддерживает display:table?

Неактивен

 

#5 06-12-2006 11:36:03

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

warmrobot написал:

Интересно, что получилось в IE7. Он же вроде не поддерживает display:table?

Почему? Это ж стандарт (точняком, я в поисках аж до документов W3C дополз), а они обещали более стандарт-френдли браузер. Или нет?


По большому счету, если человек добровольно скачивает себе новый ИЕ -- то он ССЗБ...

Отредактированно glebotr (06-12-2006 11:39:10)


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#6 06-12-2006 11:38:16

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

ТВЭЛ написал:

P.S. Только вместо {margin-left: auto; margin-right: auto;} я бы все таки сделал {margin: 0 auto;}.

Ну да, согласен.


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#7 06-12-2006 11:47:00

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Стандарт-стандартом. А Ie7 его не поддерживает. Я не знаю, что такое ССЗБ. 23.6% юзеров Ie уже перешли на Ie7. Дай мне ссылку, я посмотрю как это выглядит.

Неактивен

 

#8 06-12-2006 11:48:11

ТВЭЛ
слово
Откуда: Северск-Томск
Зарегистрирован: 29-04-2006
Сообщений: 366
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Оффтопик. Ника не могу расшифровать твою подпись, Глеб smile Лишь частично получается, почему-то.


Время не ждет.

Неактивен

 

#9 06-12-2006 12:09:39

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

warmrobot написал:

Стандарт-стандартом. А Ie7 его не поддерживает. Я не знаю, что такое ССЗБ. 23.6% юзеров Ie уже перешли на Ie7. Дай мне ссылку, я посмотрю как это выглядит.

То есть, шестой поддерживал, а седьмой - нет?! Млять, слов нет...
Таки стандарт: http://www.w3.org/TR/CSS21/tables.html
А ссылки на мой файл дать не могу, он локальный. Щас может залью куда.

ССЗБ = сам себе злобный Буратино wink

Отредактированно glebotr (06-12-2006 12:11:53)


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#10 06-12-2006 12:25:51

ТВЭЛ
слово
Откуда: Северск-Томск
Зарегистрирован: 29-04-2006
Сообщений: 366
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Ну даже если не поддерживает, и что? Значит для него и 6-го должно действовать text-align наверно. В условных комментариях дать ссылку на отдельный CSS с хаками, да и все.
Но посмотреть, как выглядеть будет в ИЕ7 интересно, конечно smile


Время не ждет.

Неактивен

 

#11 06-12-2006 13:44:46

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

не действует


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#12 06-12-2006 15:18:13

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

По ходу, в седьмом Иксплорере вообще нет сочетания правил, которые бы позволили выровнять по центру блок переменной ширины. ИЕ мастдай...


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#13 06-12-2006 15:21:55

ТВЭЛ
слово
Откуда: Северск-Томск
Зарегистрирован: 29-04-2006
Сообщений: 366
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

А если попробовать для эксплореров ul сделать inline, как и для его потомков? Тогда по-идее должно работать text-align 8-/


Время не ждет.

Неактивен

 

#14 06-12-2006 16:43:24

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Для меня пока единственным решением остается указывать ширину дочернего блока в EM. И позиционировать:0 auto Причем я указываю ее дробным числом, чтобы точнее "подогнать" к естественным границам списка. Идеальный вариант - вообще не употреблять пиксели при задании этого списка. Тогда точную длину это списка можно будет просто подсчитать. Но только добавятся хотя бы border 1px, то начинаются расхождения.

Решение конечно не идеальное. Но дельта не очень заметна. Жить не мешает. Чертов IE7 всю музыку испортил. Сцуко.

Отредактированно warmrobot (06-12-2006 16:44:04)

Неактивен

 

#15 06-12-2006 18:13:35

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

ТВЭЛ написал:

А если попробовать для эксплореров ul сделать inline, как и для его потомков? Тогда по-идее должно работать text-align 8-/

Пока не работает...


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#16 17-12-2006 21:54:49

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

ТВЭЛ написал:

А если попробовать для эксплореров ul сделать inline, как и для его потомков? Тогда по-идее должно работать text-align 8-/

Тогда возникнут большие проблемы с вертикальным форматированием. Ведь, как известно, на inline-элементы оно не действует.

Неактивен

 

#17 25-12-2006 19:29:54

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

http://www.cssplay.co.uk/menus/centered.html
Можно попробовать.

Неактивен

 

#18 26-12-2006 11:24:04

glebotr
ять
Зарегистрирован: 25-06-2005
Сообщений: 1974
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

Последний метод рушится при Ctr +  в Мозилле.


Пх’нглуи мглв’нафх Ленин Красная площадь вгах’нагл фхтагн
(В своем доме на Красной площади мертвый Ленин спит, ожидая своего часа (ктулх.))

Неактивен

 

#19 10-01-2007 15:28:12

iRabbit
буки
Откуда: Россия, Новосибирск
Зарегистрирован: 10-01-2007
Сообщений: 10

Re: Отцентровать блок неизвестной ширины?!

warmrobot написал:

Интересно, что получилось в IE7. Он же вроде не поддерживает display:table?

Ни один IE в настоящее время не поддерживает display: table.

Неактивен

 

#20 10-01-2007 15:30:58

iRabbit
буки
Откуда: Россия, Новосибирск
Зарегистрирован: 10-01-2007
Сообщений: 10

Re: Отцентровать блок неизвестной ширины?!

glebotr написал:

warmrobot написал:

Стандарт-стандартом. А Ie7 его не поддерживает. Я не знаю, что такое ССЗБ. 23.6% юзеров Ie уже перешли на Ie7. Дай мне ссылку, я посмотрю как это выглядит.

То есть, шестой поддерживал, а седьмой - нет?! Млять, слов нет...
Таки стандарт: http://www.w3.org/TR/CSS21/tables.html
А ссылки на мой файл дать не могу, он локальный. Щас может залью куда.

ССЗБ = сам себе злобный Буратино wink

Таки не шестой, не седьмой не поддерживали и не поддерживают. Вся беда верстальщика в том, ни один браузер полностью не поддерживает стандарты. А наш «любимый» IE  вообще язык трудно поворачивается назвать современным браузером. Такие дела...

Неактивен

 

#21 10-01-2007 16:56:01

warmrobot
наш
Откуда: Москва
Зарегистрирован: 25-08-2006
Сообщений: 219
Вебсайт

Re: Отцентровать блок неизвестной ширины?!

iRabbit, спасибо что просветил, друг! А то так бы и блуждали во тьме.

Неактивен

 

Board footer

RSS   Rambler's Top100
Powered by PunBB
Textpattern.ru