Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > CSS text-align

Автор: NNaarreekk 17.3.2008, 23:28

Как знаете в IE CSS text-align распределяет не только текст но и блоки, что нельзя сказать о Opere!

Вот вопросик такой: Как можно с помощью CSS задать расположение так чтоб и текст и скажем таблица распологались правельно??

Если не ясно задал вопрос даю пример:

Код


<HTML>
<HEAD>
<style type='text/css'>
body{
text-align: center;
}
</style>
</HEAD>
<BODY>
<TABLE width='500'>
<tr><td> ВОТ ЭТА ТАБЛИЦА В IE РАСПОЛОЖИТСЯ ПО ЦЕНТРУ А В Opera НА ЛЕВОЙ СТОРОНЕ</td></tr>
</TABLE>
</BODY>
</HTML>

Автор: smartov 18.3.2008, 00:39

Код


...
<table width="500" align="center">
...

Видимо у оперы таблицы имеют "особенное" положение.

p.s. Кавычки аттрибутов по стандарту двойные. Имена тегов и аттрибутов - маленькими буквами.
Это не влияет на рендеринг в обычном режиме, но по-стандарту так да и смотрится лучше

Автор: SelenIT 18.3.2008, 01:13

Стандартная центровка блоков в CSS - margin: 0 auto; для самого блока.

Автор: NNaarreekk 18.3.2008, 21:13

Цитата(SelenIT @ 18.3.2008, 03:13

)

CSS - margin: 0 auto;

Не понял, это нужно задать для <TABLE> ??
И какой же будет эффект??

Цитата(smartov @ 18.3.2008, 02:39

)

Кавычки аттрибутов по стандарту двойные

Код


echo"<table cellpadding='0' ...";
//Так короче чем
echo"<table cellpadding=\"0\" ...";

Мало символов, мало потрачено времени!
Время - деньги smile

И немного отойдя от вопроса, как вы боритесь с проблемой разных броузеров (JS, CSS ...)????

Автор: smartov 19.3.2008, 09:56

NNaarreekk,

Цитата(NNaarreekk @ 18.3.2008, 20:13

)

//Так короче чем

Ну это же элементарно, Ватсон

Код


echo '<table border="0" cellpadding="0">...';

Цитата(NNaarreekk @ 18.3.2008, 20:13

)

как вы боритесь с проблемой разных броузеров

Стараемся писать так, чтобы смотрелось одинаково smile

Как же еще?

Автор: NNaarreekk 19.3.2008, 22:13

Цитата(smartov @ 19.3.2008, 11:56

)

Ну это же элементарно, Ватсон

echo '<table border="0" cellpadding="0">...';

А вот с этим разрешите не согласиться:

Код


$widt='900';
echo'<TABLE width="$width">';

Цитата(smartov @ 19.3.2008, 11:56

)

Стараемся писать так, чтобы смотрелось одинаково Как же еще?

Ну скажем когда пишете сайт сразу на всех проверяете или сначала пишете под одним а в конце настраиваете под другие?

Просто у меня слишком разные получаются сайты в разных браузерах!
Особенно под извините за выражение Opera!!

Автор: smartov 19.3.2008, 22:47

NNaarreekk,

Цитата(NNaarreekk @ 19.3.2008, 21:13

)

А вот с этим разрешите не согласиться:

Разрешаю.

Только писать переменки внутри строки считается дурным тоном - велика вероятность ошибки и трудночитабельно.

Красиво писать вот так

Код


echo sprintf('<table border="0" width="%d" height="%d" cellpadding="0">', $width, $height);

или использовать шаблонизаторы типа Smarty.

Цитата(NNaarreekk @ 19.3.2008, 21:13

)

Ну скажем когда пишете сайт сразу на всех проверяете или сначала пишете под одним а в конце настраиваете под другие?

написал блок - отладил.

Автор: NNaarreekk 20.3.2008, 22:16

Код


echo sprintf('<table border="0" width="%d" height="%d" cellpadding="0">', $width, $height);

echo "<table border='0' width='$width' height='$height' cellpadding='0'>";

И где лгче ошибиться? smile

Автор: smartov 21.3.2008, 09:44

NNaarreekk,

Цитата(NNaarreekk @ 20.3.2008, 21:16

)

И где лгче ошибиться?

По мне - фиолетово. Я ни там ни там не ошибусь.

Да и на самом деле я черт знает сколько времени ужо не смешивал php и html

index.tpl

Код


<table width="{$width}" height="{$height}">....

_____.php

Код


$smarty->assign('width', 500);
$smarty->assign('height', 500);

Автор: NNaarreekk 21.3.2008, 21:31

smartov, Мой мозг еще не созрел для этого:(

Цитата(smartov @ 21.3.2008, 11:44

)

По мне - фиолетово. Я ни там ни там не ошибусь.

Точный ответ!

Темку наверно закрою, а то уже не по теме разговор пошел!

Спасибо за беседу smile