Это MWEB.RU

**Berezkin** Пт ноя 16, 2007 17:47

Собссно сабж. Не прибегая к таблицам.

**Muerto** Пт ноя 16, 2007 18:09

Код: Выделить всё: <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> .outer { height:800px; border:#ff0000 1px solid; display:table-cell; vertical-align:middle; /*для нормальных броузеров */ } .outer span { /* для ИЕ */ display:block; position:relative; top:expression(this.parentNode.clientHeight/2-this.offsetHeight/2 + 'px'); } </style> </head> <body> <div class="outer"><span>я выровнен по центру!<img src="images/arrow.jpg" /></span></div> </body> </html>

Попробуй так. Проверял только в ФФ и ИЕ6.

**Berezkin** Пт ноя 16, 2007 18:31

В ФФ и Опере div почему-то не растягивается на 100%

Код: Выделить всё: .header { width: 100%; height: 150px; background: #CC9933; color: #333333; display: table-cell; vertical-align: middle; } .header span { display: block; position: relative; top: expression(this.parentNode.clientHeight/2-this.offsetHeight/2 + 'px'); } <div class="header"> <span> <img src="../img/logo.gif" width="504" height="34" alt="" style="vertical-align: middle;"> </span> </div>

**Padonak** Сб ноя 17, 2007 18:12

а ты для тела документа задал нулевые отступы?

body{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

**Berezkin** Пн ноя 19, 2007 10:51

2Padonak: Естессно! Только вот так:
body{
margin: 0px;
padding: 0px;
}

что в принципе одно и то же.

**Lucia** Пн ноя 19, 2007 11:35

2Berezkin: Наверное лучший путь, это взять этот div в ещё один.

Код: Выделить всё: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <style type="text/css"> * { padding:0; margin:0; } div.header { float:none; height: 150px; background-color: #CC9933; color: #333333; display: table-cell; vertical-align: middle; width: 100%; min-width:100%; } div.header span { display: block; position: relative; top: expression(this.parentNode.clientHeight/2-this.offsetHeight/2 + 'px'); } </style> </head> <body> <div style="display:table; width:100%;"> <div class="header"> <span> <img src="../img/logo.gif" width="504" height="34" alt="" style="vertical-align: middle;" /> </span> </div> </div> </body> </html>

**Berezkin** Пн ноя 19, 2007 14:41

2Lucia: Попробую, спасибо.

**Padonak** Пн ноя 19, 2007 21:50

вобще когда такая фигня происходит я стараюсь все скриптом сделать (типа как у девушки где у нее про топ написано)

кстати вот еще что по поводу топа этого:

**Alkeeper** Вт ноя 20, 2007 8:35

2Padonak: Кандишынал каментс спасут мир :)

**Lucia** Вт ноя 20, 2007 17:01

2Padonak: Естественно css валидацию не пройдёт, но работать будет - проверено. И, как правильно выразился Alkeeper:

Alkeeper писал(а):Кандишынал каментс спасут мир :)

Но я не об этом. Судя по пути к файлу lucia.htm на твоём сервере, ты используешь mustek-1200? А какая у тебя операционка?

**Padonak** Вт ноя 20, 2007 23:31

2Lucia: да это у меня сканер Мустек и его папка почему-то подвернулась под руку :-) операционка у меня - банальное ХэПэ Про с/п 2. а вот насчет валидации нифига не согласен. надо писать так чтобы валидацию проходила каждая страница и по разметке и по стилям. я тут уже митинговал на эту тему давно еще... посему нафиг невалидные стили и применить скрипт. отакота -03-

**Lucia** Ср ноя 21, 2007 1:04

2Padonak: Как устанавливал сканнер под ХР? Я установила, но глюкам несть числа. В частности у меня в устройствах установилось 8 сканнеров. Думаю это из-за того, что я не затерменировала скази. Тваин неполный, предустановок сканирования нет. Только размер и разрешение. А под 2000 там есть фильтры хорошие для сканирования полиграфии (поворот по зерну).

**Alkeeper** Ср ноя 21, 2007 8:15

Padonak писал(а): а вот насчет валидации нифига не согласен. надо писать так чтобы валидацию проходила каждая страница и по разметке и по стилям. я тут уже митинговал на эту тему давно еще... посему нафиг невалидные стили и применить скрипт. отакота

Да забыл сказать, еще мир спасут массовые расстрелы разработчиков ИЕ
-31-

Блин, а у нас разве не было смайлека с пулеметом -21-

**Muerto** Ср ноя 21, 2007 11:52

2Alkeeper:

Такие вот есть.
"Нет, ребята! Пулемет я вам не дам!" (С) к/ф Белое солнце пустыни.

**Lucia** Ср ноя 21, 2007 16:27

2Muerto: Модератор с плюсомётом хорош! -03-

Кстати, а как на этом форуме с плюсами?

**Padonak** Ср ноя 21, 2007 23:20

2Lucia: точно не помню как устанавливал... скачал дрова с офсайта и установил. потом выяснилось что он мне не нужен нифига и я его отдал знакомым в магазин - они там чота сканят (наверно бабки фальшивые делают падонки)... а папка осталась

**Alkeeper** Чт ноя 22, 2007 8:27

2Lucia: В смысле с предупреждениями?

**Muerto** Чт ноя 22, 2007 11:52

2Lucia: viewtopic.php?t=4160&highlight=%D2%C0%C1%CB%C8%D6%C0+%CD%C0%CA%C0%C7%C0%CD%C8%C9
Я уже давал эту ссылку. Про наказания там просто дальше написано.

**Alkeeper** Чт ноя 22, 2007 13:05

Вобщем пересчитал я экстраполяцию :)
учитывая темпы последних 30 месяцев, что прошли с момента создания топика, на который ссылается Муерто, 10000 я достигну только 2023 году...
ЫыыыыЦ

**Lucia** Чт ноя 22, 2007 14:55

2Alkeeper: Если я сохраню темпы, то я справлюсь раньше! -43-

**Vavan** Ср дек 19, 2007 21:23

Вот здесь можно многое почерпнуть для тех кто не в танке:
http://www.htmlbook.ru/

Это MWEB.RU

Как выровнять элемент в DIV'е по вертикали...

Как выровнять элемент в DIV'е по вертикали...

Кто сейчас на конференции