VPF::<div align="center"> Правильно ли? - Форум программистов

Wowa

Дата 28.1.2006, 15:51 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Админ
Сообщений: 15017
Регистрация: 14.9.2000
Где: Винград

Репутация: 1
Всего: 290

Правильно ли использование <div align="center"></div>? Это ведь форматирование, а его по идее в стили правильнее выносить..

Wowa

Дата 28.1.2006, 16:32 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Админ
Сообщений: 15017
Регистрация: 14.9.2000
Где: Винград

Репутация: 1
Всего: 290

Кстати, как в CSS указывать align??

Guedda

Дата 28.1.2006, 16:34 (ссылка)

(нет голосов)

Загрузка ...

Подрывник

Профиль
Группа: Завсегдатай
Сообщений: 3137
Регистрация: 27.12.2005
Где: Ростов-на-Дону

Репутация: 3
Всего: 78

Код


div
{
  text-align : center; //вот замена align в атрибутах
}

--------------------

Ll 2

Wowa

Дата 28.1.2006, 16:38 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Админ
Сообщений: 15017
Регистрация: 14.9.2000
Где: Винград

Репутация: 1
Всего: 290

Это для текста, а мне для рисунка надо..

R.M.

Дата 28.1.2006, 16:39 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Wowa

Цитата(Wowa @ 28.1.2006, 16:51

)

ИМХО - это личное дело каждого. Если стиль к этому диву есть то можно туда дописать, если нету, то написать align="center" вместо style='text-align: center;' Хотя незнаю как на это валидаторы всякие реагируют
Добавлено @ 16:40
Wowa
text-align: center; это для всего, не только для текста

--------------------

Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia

Wowa

Дата 28.1.2006, 16:41 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Админ
Сообщений: 15017
Регистрация: 14.9.2000
Где: Винград

Репутация: 1
Всего: 290

Вот тут есть некоторая информация: http://www.quirksmode.org/css/centering.html
но это не то, что нужно... Хм..
Добавлено @ 16:42

Цитата(Куксикус @ 28.1.2006, 14:39

)

text-align: center; это для всего, не только для текста

Судя по названия и описанию: http://htmlbook.ru/css/text-align.html
вроде только для текста. А если работает и на рисунки, то не факт,что не перестанет работать со временем..

R.M.

Дата 28.1.2006, 16:52 (ссылка)

(нет голосов)

Загрузка ...

Анархист

Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30

Другого свойства для выравнивания по горизонтали нету, так что врядли это перестанет работать

--------------------

Cheba

Дата 28.1.2006, 17:16 (ссылка)

(нет голосов)

Загрузка ...

pointless one

Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62

Цитата(Wowa @ 28.1.2006, 16:41

)

Судя по названия и описанию: http://htmlbook.ru/css/text-align.html вроде только для текста.

Надо читать оригиналы или хотябы официальные переводы спецификаций.

Цитата( CSS 2.1 Specification (16.2 Alignment: the 'text-align' property))

'text-align'
...
This property describes how inline content of a block is aligned.
...

Здесь четко сказано, что не только к тексту, а к любому инлайновому содержанию (и к тексту в том числе) блочного элемента. Так-что пользуйся смело. Но помни. По спецификации это свойство влияет только на инлайновые элементы. Исходя из этих соображений Мозилла, Конкверор и, наверное, Опера не будут ровнять блочные элементы внутри. А вот ИЕ почему-то их тоже ровняет.

Код

<!DOCTYPE html PUBLIC "-//W4C//DTD XHTML 1.0 Strict//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en_US" xml:lang="en_US">
<head>
    <title>Centering div element</title>
    <style type="text/css">
div {
    border: 1px solid blue;
    padding: 0.5em;
}

#left {
    text-align: left;
}

#right {
    text-align: right;
}

#center {
    text-align: center;
}

.narrow {
    width: 300px;
    background: green;
}
    </style>
</head>
<body>
    <div id="left"><div class="narrow">content</div></div>
    <div id="center"><div class="narrow">content</div></div>
    <div id="right"><div class="narrow">content</div></div>
</body>
</html>

Посмотри как этот код обрабатывается Лисой и ИЕ.

Исходя из этого глюка, приходится применять фиксы для ИЕ. Или же наоборот, использовать этот баг, как фикс для других недоделок в ИЕ.

--------------------

Как правильно задавать вопросы

Ciber SLasH

Дата 28.1.2006, 17:27 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Попробуй вот так:

Код


<center><div style='width: 300px; background: yellow;'>content</div></center>

Проверял в: Opera 7.54, Opera 8.50, FireFox 1.5, IE 6.0

Innuendo

Дата 28.1.2006, 18:06 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 745
Регистрация: 24.12.2005
Где: Молдова

Репутация: 1
Всего: 6

я долго мучался див выровнять по центру вертикально и горизонтально.
вот что у меня получилось:

Код


var ourDiv = document.getElementById("MyDiv");
ourDiv.style.display="";
var width= ourDiv.offsetWidth;
var height = ourDiv.offsetHeight;
var left = parseInt((innerWidth/2) - (width/2));
var top = parseInt((innerHeight/2) - (height/2));
ourDiv.style.left = left;
ourDiv.style.top = top;

Это работает в Мозилле, проверено.
А для IE надо innerWidth и innerHeight поменять на document.body.clientWidth и document.body.clientHeight.

Это сообщение отредактировал(а) Innuendo - 28.1.2006, 21:09

--------------------

Cheba

Дата 28.1.2006, 18:38 (ссылка)

(нет голосов)

Загрузка ...

pointless one

Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

Репутация: 14
Всего: 62

Innuendo, слегка не в тему... Если очень хочется, создай отдельную тему и я тебе покажу ка можно выровнять по центру без JavaScript.

--------------------

Как правильно задавать вопросы

butionok

Дата 12.3.2007, 22:02 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 19.1.2005

Репутация: нет
Всего: 3

И всё-таки!! Как выровнять div в dive по центру не используя JS?

Код


<div style='width:100%;height:100%'>
<div style='width:50%;height:50%'>
</div>
</div>

Хочу напомнить, что элемент <center> "дипрекэйтед" т.е. не рекомендован к использованию. Кстати он по разному работает в Лисе и Опере. То же самое относится к аттрибуту "align". Читая рекомендации W3C становися грустно. Нормального примера как сделать это выравнивание нет.

"The CENTER element is exactly equivalent to specifying the DIV element with the align attribute set to "center". The CENTER element is deprecated."

страницей выше:

"align = left|center|right|justify [CI] Deprecated. "

Процитированно из рекомендация w3c

--------------------

Ненавижу убогую Оперу.

butionok

Дата 12.3.2007, 22:28 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 125
Регистрация: 19.1.2005

Репутация: нет
Всего: 3

Отбой! Нашёл наконец тут http://forum.vingrad.ru/topic-127911.html#
Хороший форум.

--------------------

Ненавижу убогую Оперу.

Maksys

Дата 29.4.2007, 08:42 (ссылка)

(нет голосов)

Загрузка ...

Future Splasher

Профиль
Группа: Завсегдатай
Сообщений: 1289
Регистрация: 15.6.2005
Где: Екатеринбург

Репутация: нет
Всего: 17

Код


img {position:center;}

Ошибочно!
Слой в котором был применен стиль был ориентирован по центру... smile

Uratsakidogi, пасибо!

Это сообщение отредактировал(а) Maksys - 30.4.2007, 06:43

--------------------

Uratsakidogi

Дата 29.4.2007, 12:15 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 118
Регистрация: 17.10.2006

Репутация: 11
Всего: 11

Maksys, чушь какая-то.
Position бывает только relative, absolute, static и fixed. Он не задает позицию, он задает тип позиционирования.

--------------------

ЖЖ | ВерстаюНЕПОЗВОЛЯЙТЕ ЯЩЕРИКАМ, ОТРИЦАТЕЛЬНЫМ ИНОПЛАНЕТЯНИНАМ ОВЛАДЕВАТЬ ВАС, НЕ СТАНОВИТЕСЬ ИХ МАРИОНЕТКАМИ!

querty

Дата 17.12.2009, 14:52 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 17
Регистрация: 29.9.2008

Репутация: нет
Всего: нет

Цитата(butionok @ 12.3.2007, 22:02

)

И всё-таки!! Как выровнять div в dive по центру не используя JS?

Этот же вопрос интересует. подскажите, пожалуйста!

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »