Верстка, div вертикально по центру экрана

M

22

markos

13 апреля 2009, 20:11

9410

Контент на странице должен распологаться по середине, независимо от размеров экрана.

Сделал так

Возможно ли сделать это без таблиц и с DOCTYPE?

47

Avenger

13 апреля 2009, 21:00

#1

пропишите css для блока в котором контент margin:0 auto;

С уважением, Андрей Головнев (http://golovnev.by/)

S1

57

skin123

13 апреля 2009, 21:07

#2

DOCTYPE - это объявление валидатору,что за версию хтмл вы используете на странице - его нужно прописывать.

если текс нужно расположить по центру внутри таблицы достаточно объявить класс таблицы (<table class="center" ....) и стиль быдет выглядеть .center td{background: #CCC; height: 100px; width: 100%; margin: 0px; text-align: center; padding: 0px; }

Если отказаться от таблиц стилей - тогда для каждого абзаца или тега прописывать его стиль.

M

22

markos

13 апреля 2009, 21:33

#3

Сейчас просто <html>, без DOCTYPE.

Я имел ввиду без таблиц <tabl>, но с таблицей CSS.

Нужна именно полоса на всю ширину экрана с равным удалением от верха и низа. Внутри нее будут фотографии. Я сделал (http://www.krasinphoto.ru/test.html), но хотелось бы более валидного кода добиться, без скриптов, только на CSS. Перепробывал разные варианты и всегда прижимается к верху.

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

47

Avenger

13 апреля 2009, 23:09

#4

погуглите по запросу "вертикальное выравнивание div". или http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

217

rasiell

13 апреля 2009, 23:43

#5

Если высота не определенная, то как сказал Avenger, если высота фиксированная, то

<div style="background: #CCC; position:absolute; height:100px; width:100%; top:50%; margin-top:-50px;">&nbsp;</div>

Zerber (http://spartanets.ru/zerber) — программа для публикации статей в различные CMS и блогсервисы

[Удален]

14 апреля 2009, 06:15

#6

ну да, имелось ввиду что margin-top равен минус половине от height

M

22

markos

15 апреля 2009, 18:08

#7

Большое спасибо, помогли, буду экспериментировать.

Open AI тестирует память для ChatGPT

Маркетинг для шоколадной фабрики. На 34% выше средний чек