Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Засада с "text-align: center" в разных браузерах / 25 сообщений из 25, страница 1 из 1
03.10.2007, 22:39
    #34845171
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Одна и та же страничка совершенно расплывается в разных браузерах. Опера ведет себя так же как и фаерфокс - и противоложно от IE.
Хотя я бы сказал, что в IE поведение более разумно. Вот эта табла вложена в <div style="text-align: center"> - и унаследовала от своего родителя этот текст-алигн. Что мы и видим в IE справа внизу.
Но опера и файерфокс хотя и признают, что эта табла должна быть расположена по центру (ибо размещена внутри DIV с явным указанием центрирования - это тоже видно в фаердебуге. Но размещают по-другому.

Однако чудо на скрине... И что делать?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2007, 00:39
    #34845285
c_r_a_s_h
c_r_a_s_h
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
style="margin: auto; //text-align: center;"
вот так попробуй.

с уваж александр...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2007, 01:16
    #34845310
..:COBECTb:..
..:COBECTb:..
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Opera вообще не придерживаеться жестких стандартов. А в других браузерах более-менее.



Поцелуй меня с разгону, я в твоем черепе сижу.© "COBECTb"™
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2007, 11:58
    #34846207
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
c_r_a_s_hstyle="margin: auto; //text-align: center;"
вот так попробуй.
margin:0 auto;

И какой доктайп используете?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2007, 12:59
    #34846531
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Чето я не понял, где надо Margin поставить. Пробовал везде - не помогает. Хотя я вообще-то им не пользуюсь обычно. Похоже, я уже просто запутался.
Вообще итоговый код этой странички (столь по разному отображаемой) получается такой:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
....
    <div style="text-align: center">
        <img id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_Image1" class="LoginBorder" src="Images/Enter.gif" style="border-width:0px;" />
        <table class="LoginTable" cellspacing="0" cellpadding="1" border="0" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1" style="border-collapse:collapse;">
	<tr>
		<td><table cellpadding="0" border="0">
			<tr>
				<td class="Title" align="center" colspan="2">Смена пароля</td>

			</tr><tr>
				<td class="Regular" align="center"><label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_CurrentPassword">Старый пароль</label></td><td><input name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1$ChangePasswordContainerID$CurrentPassword" type="password" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_CurrentPassword" class="TextBox" /><span id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_CurrentPasswordRequired" title="Password is required." style="color:Red;visibility:hidden;">*</span></td>
			</tr><tr>
				<td class="Regular" align="center"><label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_NewPassword">Новый пароль</label></td><td><input name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1$ChangePasswordContainerID$NewPassword" type="password" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_NewPassword" class="TextBox" /><span id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_NewPasswordRequired" title="New Password is required." style="color:Red;visibility:hidden;">*</span></td>
			</tr><tr>
				<td class="Regular" align="center"><label for="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_ConfirmNewPassword">Подтвердите еще раз</label></td><td><input name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1$ChangePasswordContainerID$ConfirmNewPassword" type="password" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_ConfirmNewPassword" class="TextBox" /><span id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_ConfirmNewPasswordRequired" title="Confirm New Password is required." style="color:Red;visibility:hidden;">*</span></td>

			</tr><tr>
				<td align="center" colspan="2"><span id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_NewPasswordCompare" style="color:Red;display:none;">The Confirm New Password must match the New Password entry.</span></td>
			</tr><tr>
				<td align="right"><input type="submit" name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1$ChangePasswordContainerID$ChangePasswordPushButton" value="Change Password" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1$ChangePasswordContainerID$ChangePasswordPushButton", "", true, "ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1", "", false, false))" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_ChangePasswordPushButton" class="HideButton" /></td><td><input type="submit" name="ctl00$ctl00$ContentPlaceHolder1$ContentPlaceHolder2$ChangePassword1$ChangePasswordContainerID$CancelPushButton" value="Cancel" id="ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_CancelPushButton" class="HideButton" /></td>
			</tr>
		</table></td>
	</tr>
     </table>
    </div>

Собственно исходники такие:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" runat="Server">
    <div style="text-align: center">
        <asp:Image ID="Image1" runat="server" CssClass="LoginBorder" ImageUrl="~/Images/Enter.gif" />
        <asp:ChangePassword ID="ChangePassword1" runat="server" CssClass="LoginTable" ChangePasswordTitleText="Смена пароля"
            ConfirmNewPasswordLabelText="Подтвердите еще раз" NewPasswordLabelText="Новый пароль"
            PasswordLabelText="Старый пароль">
            <TitleTextStyle CssClass="Title" />
            <InstructionTextStyle CssClass="Regular" />
            <TextBoxStyle CssClass="TextBox" />
            <LabelStyle CssClass="Regular" HorizontalAlign="Center" />
            <HyperLinkStyle CssClass="Regular" />
            <CancelButtonStyle  CssClass="HideButton" />
            <ChangePasswordButtonStyle CssClass="HideButton" />
        </asp:ChangePassword>
    </div>
</asp:Content>

Ну а два работающих тут стиля вот такие:

Код: plaintext
1.
2.
3.
4.
5.
6.
7.
.LoginBorder {
top:250px;
}
.LoginTable {
position:relative;
text-align:center;
top:-230px;
}

Смещаться вверх надо после отрисовки собственно вот этой рамки Images/Enter.gif, внутри которой должна быть табла для логина.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2007, 14:19
    #34846859
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
margin:0 auto; ставите для того элемента, который нужно центровать, а не для родительского.
К тому же странен класс LoginBorder. Он у вас имеет свойство top, которое должно использоваться только для элементов с position:relative|fixed|absolute.
В вашем же случае надо бы сделать margin-top:250px;
<image /> - это у вас бекраунд что ли?
Тогда ничего странного, что position:relative сработало относительно родительского блока.
Для наглядности подобавляли бы в ваши классы свойства border, чтобы было точно видно, где какой блок.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
04.10.2007, 14:52
    #34846979
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Да, да... кажется понимаю... Я просто запутался видимо. Тут слишком сложная иерархия вложенных master-page.
Часть из них сделана с относительным позиционированием, часть с абсолютным. К тому же часть я тут верстал темами, а не стилями...

Вообще идея тут такая:
Самую первую внешнюю страничку я верстал с абсолютным позиционированием. Потом размещал на ней один пиксел чтобы следующие по глубине MasterPage уже были с относительным позиционированием относительно этого одно пиксела, лежащего на самой внешней мастер-страничке.
Вот в данном случае страничка Login и все подобные на этом сайте - они уже унаследованы от User.Master, которая через еще через целую цепочку мастер-страниц унаследована от Menu-Master, где лежит этот самый один пиксел "~/Images/One.gif" , от которого идет уже относительное позиционирование.
В принципе я так не в первый раз делаю, и вроде получается, но в данном случае просто смутило такое расхождение ТОЙ ЖЕ САМОЙ странички в разных браузерах. Вроде такого раньше не было.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2007, 03:44
    #34848287
c_r_a_s_h
c_r_a_s_h
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
PhoenixNET c_r_a_s_hstyle="margin: auto; //text-align: center;"
вот так попробуй.
margin:0 auto;

И какой доктайп используете?

доктайп - это что?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2007, 12:17
    #34849224
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
c_r_a_s_hдоктайп - это что?
Это doctype ;)
Код: plaintext
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Когда-то верстал под 1.0 Strict и там были определённые проблемы. Правда не помню уже точно, но вроде text-align не позиционировал блочные элементы. Хотя может меня просто подводит память ;)
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
05.10.2007, 12:28
    #34849293
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
vbnet2000Вообще идея тут такая:
Самую первую внешнюю страничку я верстал с абсолютным позиционированием. Потом размещал на ней один пиксел чтобы следующие по глубине MasterPage уже были с относительным позиционированием относительно этого одно пиксела, лежащего на самой внешней мастер-страничке.
Вот в данном случае страничка Login и все подобные на этом сайте - они уже унаследованы от User.Master, которая через еще через целую цепочку мастер-страниц унаследована от Menu-Master, где лежит этот самый один пиксел "~/Images/One.gif" , от которого идет уже относительное позиционирование.
В принципе я так не в первый раз делаю, и вроде получается, но в данном случае просто смутило такое расхождение ТОЙ ЖЕ САМОЙ странички в разных браузерах. Вроде такого раньше не было.
Ой, по-моему вы таки ужос творите. Абсолютным позиционированием я бы не увлекался. Сам использую его тогда, когда "статическими" методами задачу не решить.
Да и вообще какое-то странное у вас решение проблем с цепочками, 1-пиксельными картинками. Как по мне, то на вёрстку вашего дизайна можно потратить минимум времени и получить максимум результата, в ней ведь ничего сложного нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
06.10.2007, 05:32
    #34851556
c_r_a_s_h
c_r_a_s_h
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
PhoenixNET c_r_a_s_hдоктайп - это что?
Это doctype ;)
Код: plaintext
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Когда-то верстал под 1.0 Strict и там были определённые проблемы. Правда не помню уже точно, но вроде text-align не позиционировал блочные элементы. Хотя может меня просто подводит память ;)

После поста уже понял что такое, я ни где не указываю DOCTYPE, нет смысла в этих стандартах, только мешаются.
Потому я и написал для //text-align: center; - это для IE, указывать у родителя, а для всех остальных margin: auto; - указывать тому что нужно по центру поместить.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.10.2007, 19:18
    #34852663
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Как по мне, то на вёрстку вашего дизайна можно потратить минимум времени и получить максимум результата, в ней ведь ничего сложного нет. Вообще это идея.
Могу я сослаться заказчику, что вы после меня сделаете рефакторинг верстки?
Я-то вообще-то программист. В верстку я влажу, только когда сайты под ключ.
Это все будет не бесплатно, конечно.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.10.2007, 19:28
    #34852675
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
На самом деле, тут конечно все не так просто. Сложная иерархическая система мастер-пейдж продиктована острой необходимостью. Тут есть кроме странички логина и смысловые странички - вестма прихотливо устроенные и плюс CMS (которая конечно с теми же мастер-пейдж работает). Этим вызвана иерархия мастер-пейдж.
Абсолютное позиционирование вызвано необзодимостью - чтобы главное меню, логотипы и проч - не смещались при изменениях размеров экрана.
Ну а относительное, чтобы плееры и таблицы строго плавали внутри своих рамок при изменениях размеров окон.

Не спорю, вероятно, это можно сделать лучше. Но у меня просто не получается.
Напишите тут, согласны вы или нет, ув PhoenixNET переверстать этот сайт, тогда спишемся уже мылом и конкретнее обсудим детали.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.10.2007, 19:36
    #34852681
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Кстати, такая же проблема с переверсткой у меня возникает и сайтом, который я c вами обсуждал в соседнем топике (по поводу WIDTH).

Там у меня с версткой явных багов нет. Все работает четко. Меня смущает только неэффективность моей верстки.

Ну например MasterPage потребовала у меня штук 50, наверное, стилей. Уже нет ни времени ни желания переверстывать. Но очевидно, что в 20 там уложиться несложно.

Ну а каждый стилевой элемент - это время работы браузера и тормоза.

Просто как у программиста - у меня слишком много ИНЫХ проблем, кроме эффективной системы CSS - и руки просто не доходят до оптимизации CSS.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2007, 11:13
    #34853331
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
c_r_a_s_h
После поста уже понял что такое, я ни где не указываю DOCTYPE, нет смысла в этих стандартах, только мешаются.
Потому я и написал для //text-align: center; - это для IE, указывать у родителя, а для всех остальных margin: auto; - указывать тому что нужно по центру поместить.
для IE margin:0 auto (центрируем ведь только по горизонтали) тоже работает.
Смысл в стандартах есть, когда от тебя требуют валидный CSS и XHTML. Например в Strict у свойства background-color нет параметра transparent, хотя оба стандарта просят использовать color и background-color в паре.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2007, 11:18
    #34853356
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
vbnet2000Напишите тут, согласны вы или нет, ув PhoenixNET переверстать этот сайт, тогда спишемся уже мылом и конкретнее обсудим детали.
Постучитесь 258252419, там обсудим.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2007, 11:27
    #34853395
vbnet2000
vbnet2000
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Ща, заказчица определится финансово. Сразу же отстучусь. Пока думает.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2007, 17:38
    #34854841
c_r_a_s_h
c_r_a_s_h
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
PhoenixNET c_r_a_s_h
После поста уже понял что такое, я ни где не указываю DOCTYPE, нет смысла в этих стандартах, только мешаются.
Потому я и написал для //text-align: center; - это для IE, указывать у родителя, а для всех остальных margin: auto; - указывать тому что нужно по центру поместить.
для IE margin:0 auto (центрируем ведь только по горизонтали) тоже работает.
Смысл в стандартах есть, когда от тебя требуют валидный CSS и XHTML. Например в Strict у свойства background-color нет параметра transparent, хотя оба стандарта просят использовать color и background-color в паре.

мда, связался. Берем в руки учебник, читаем и перестаем писать всякую лажу.
К сведению без доктайп маргин: авто; не работает в ие, потому я и написал //text-align: center; - вот это будет понимать только ИЕ. Изначально сказал как правильно сделать, а вы велосипед начали изобретать. Учите ХТМЛ и ЦСС. хотя там учить то и нечего.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
08.10.2007, 18:05
    #34854919
PhoenixNET
PhoenixNET
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
c_r_a_s_hмда, связался. Берем в руки учебник, читаем и перестаем писать всякую лажу.
Уточните-ка, где именно я написал неправду?

c_r_a_s_hК сведению без доктайп маргин: авто; не работает в ие, потому я и написал //text-align: center; - вот это будет понимать только ИЕ. Изначально сказал как правильно сделать, а вы велосипед начали изобретать. Учите ХТМЛ и ЦСС. хотя там учить то и нечего.
Читайте, учите, а мы будем пользовать доктайпы. Это не велосипед, это подвседневная всемирная практика.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Период между сообщениями больше года.
14.05.2009, 03:50
    #35984447
ZeroHold
ZeroHold
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
ага засада. соглашусь. пролазил пару дней по эту тему наковырял следующее.
Итого:
<center> использовать нельзя/не рекомендуют, ибо W3C;
<text-align:center> работает, но не во всех браузерах не везде одинаково;
<style типа
margin-left: auto;
margin-right: auto;
width: требуется
> - выравнивает почти везде одинаково, но требуется обязательно указывать width что во многих случаях, особенно при резиновых дизайнах не канает.

согласно вычитанной инфы со всяких форумов и с w3c.org настоятельно рекомендуют использовать text-align: center; ибо обещают в скором времени одинаковое поведение этого тэга / стиля во всех браузерах;
абсолютно верно что doctype нужно использовать, тот кто их сейчас не использует видимо не сталкивался с крупными проблема либо еще по каким то причинам не хапнул горя с отсуствием сие указателя.

рассматривая конкретно <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> который вроде как максимально приближен к html5 то все вроде замечательно за исключением блочной центровки
самое правильное поведение - как бы там не ругали но это как раз в IE (начиная от 6.0)
FireFox заявляется у себя на форуме что вроде как будет в ближайшее время будут поддерживать коррекно этот тэг / стиль, а пока мол используйте text-align:-moz-center;
чтобы сделать что то универсальное можно сделать такой фокус
.style
{
text-align:center;
root:text-align:-moz-center;
}
выравнивание будет одинаково как в IE так и в FF. но вот к сожалению про Operu ничего не нашел.
но w3c валидатор будет ругаться на строчку root: поэтому кому что важнее выбирайте.
также если кто то подскажет как побороть тоже самое в opere будут признателен. хотя если честно я на нее плюнул ибо 1% посетителей под оперой для некоторых роли не играет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.05.2009, 04:15
    #35984450
ZeroHold
ZeroHold
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
ZeroHold,

Вот конкретно рабочий пример
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style>
.pp_cc
{
text-align:-moz-center;
text-align:center;
}
</style>
<body>
<div class="pp_cc">
<div>center</div>
</div>
</body></html>

text-align:-moz-center;
text-align:center;
именно в таком порядке, если поменять местами то работать не будет ;) - совместимо с FF и IE + Opera начиная с 9.64.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.05.2009, 12:42
    #35985252
ZeroHold
ZeroHold
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
ZeroHold,

во нашел интересный фикус.
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<style type="text/css">
.p_center
{
text-align:center;
}
.p_center table, .p_center div
{ 
margin:auto auto;
}
</style>
...
Код: plaintext
1.
2.
3.
<div class="p_center">
любой текст или контейнер
</div>
W3C - одобрямс такой метод
проверено на FF 3.x, IE 7.0, Opera 9.x
на Safari сорри проверить не могу, за не имением оной
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.05.2009, 12:59
    #35985301
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
Только вчера интересовался тем же вопросом и вот что накопал в инете: ИЕ негативно относится к стандартному margin: 0 auto; (хотя 7-ой съедает нормально), поэтому вариант, максимально приближенный к стандарту и совершенно кроссбраузерный, состоит из 2-ух дивов (один вложен в другой). Для контейнера указывается text-align:center, а для вложенного text-align:left; margin-left:auto; margin-right:auto;

По описанию, работает идентично в ИЕ, ФФ, Опере, Сафари, Конквесторе и еще-на-чем-то-там.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.05.2009, 21:23
    #35986834
ZeroHold
ZeroHold
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
IDVsbruck,

дык я тоже самое написал, только в моем варианте для div или table не обязательно указывать класс.
соглашусь что margin auto в IE 6.0 не корректно работает, но думаю на это уже можно плюнуть так как процент этого браузера неумолимо уменьшается. а если операться на старые браузеры и системы то никакого кода не набраться - давайте еще msdos вспомним
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
14.05.2009, 22:36
    #35986900
IDVsbruck
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Засада с "text-align: center" в разных браузерах
100%
невнимательно читал предыдущие посты
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Засада с "text-align: center" в разных браузерах / 25 сообщений из 25, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 528ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1454845]:
 0ms
get settings:
 7ms
get forum list:
 20ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 171ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 78ms
get tp. blocked users:
 2ms
others: 231ms
total:  528ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]