Вопрос по CSS

[akxxiv]

Вопрос по CSS

Господа!
Глупо звучит, но вот такой вопрос! Можно ли посредством каскадных стилей выравнить нетекстовый элемент (img иди table) по центру???
float выравнивает только по левому или правому краю. Перечитал три справочника, не нашел!!!

 

[Frol]

перечитай теперь мануал по css.

 

[akxxiv]

Так вот и не могу ни где найти!!!
Еслиб смог найти не стал задавать таких вопросов

 

[Кром]

Попробуй text-align, vertical-align.

 

[Krisha]

Автор оригинала: Frol
перечитай теперь мануал по css.

Ткни пальчиком плиз где про это есть в доке

-~{}~ 25.01.05 18:50:

Кром
text-align не поможет, а vertical-align это вообще не из той оперы

akxxiv
имхо никак

 

[Frol]

насчет мана перегнул.
но гугл находит решение проблемы сразу.

 

[Basilio]

margin:auto;

 

[Кром]

>text-align не поможет

Поможет и еще как.

>а vertical-align это вообще не из той оперы

И из какой же это оперы?

 

[Frol]

по стандарту text-align не сработает.

 

[Кром]

>по стандарту text-align не сработает.

Тогда зачем нам такие стандарты?

 

[akxxiv]

text-align работает только с текстом.
vertical-align Работает со всем, но есть мнения что не работает в NN, хотя в 7.0 у меня вроде бы работал.
Что мне собственно интересно, что надо написать в классе

.tables{.......}

Чтобы

<table cellspacing="0" align="center"> == <table class="tables">

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

 

[Кром]

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

Что касается text-align, как средства горизонтального позиционирования.
Картинку text-align позволяет выравнять по центру в броузерах
Mozilla 0.9.3
Opera 7.54
IE 6.0

Таблицу в
Opera 7.54
IE 6.0

Это работает, видимо, и в более поздних версиях.

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

 

[Krisha]

Кром
Приведи пример плиз, я сколько не "бился" так и не получилось. Сдается мне вы пудрите нам тут мозги

 

[Кром]

>Сдается мне вы пудрите нам тут мозги

Вы сомневаетесь в наших деньгах? (с)

<html>
<head>
<style>
TABLE.tables { text-align: center; height: 100%; width: 100%; }
</style>
</head>
<body>
<table class="tables">
	<tr>
		<td><img src="" /></td>
	</tr>
</table>
</body>
</html>

У меня, в вышеуказанных броузерах, картинка позиционируется прямо по центру.

 

[Krisha]

Кром
Блин, всё понятно, вы таки пудрили нам мозги

 

[Кром]

Отнюдь.

 

[Libov]

Могу только заметить, что CSS, загружается GET-ом, перекрывает все установки стиля тега. В дальнейшем вы можете изменить стиль тега, но только в том случае, если вы не определии установку стиля в CSS

 

[Frol]

Libov
можно еще раз, но медленно и по-русски?

 

[betik]

Таблицу в div заключить ведь можно или в <p> или в <span>, ну в общем не суть во что заключать =)

 

[Ямерт]

betik span, если мне не изменяет память, inline-элемент. Соответственно, таблицу он содержать не может.