|
|
Регистрация Восстановить пароль |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
05.11.2012, 21:03 | #1 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Выровнять div по вертикали в другом div-е
Что-то запутался и не могу выровнять.
HTML Код:
Код:
Последний раз редактировалось keen_; 05.11.2012 в 21:11. |
05.11.2012, 21:49 | #2 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Чтоб было абсолютно по центру, нужно высоты задавать. К тому что было добавь это
Код:
Ненавижу быть как все, но люблю, чтобы все были как я.
|
05.11.2012, 22:11 | #3 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Хотелось сделать без указания фиксированной высоты шапки.
Чтобы как в таблице было - если текста больше, то она растягивается вниз. Там у меня справа текст (замазал серыми блоками). Я что-то не вижу простоты и лёгкости с этими дивами. С таблицей всё проще намного, если нужно выравнять блок по центру. |
05.11.2012, 22:18 | #4 |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Вот таблицей это просто делается без указания её высоты. Справа есть текст и он может иметь больше или меньше строчек и нужно чтобы логотип слева всегда был по центру вне зависимости от количества строк в правом блоке.
Код HTML:
<!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> <title></title> <link href="styles.css" rel="stylesheet" type="text/css"/> </head> <body> <table border="1" width="990" cellpadding="19"> <tr> <td width="495">logo</td><td width="495" align="right">uyytututututyyutyutyurt<br>uyytututututyyutyutyurt<br>uyytututututyyutyutyurt<br>uyytututututyyutyutyurt<br>uyytututututyyutyutyurt</td> </tr> </table> </body> </html> Последний раз редактировалось keen_; 05.11.2012 в 22:25. |
05.11.2012, 22:43 | #5 |
Пользователь
Регистрация: 23.07.2012
Сообщений: 77
|
Пробовал применить к logo margin: auto 0px; ? (при этом нужно чтобы его предок и он были блочными элементами - т.е. или display:block или display:inline-block)
|
05.11.2012, 22:55 | #6 | |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Цитата:
Вот снова даю код html и css: Код HTML:
<!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> <title></title> <meta content="text/html; charset=utf-8" http-equiv="content-type"/> <link href="styles.css" rel="stylesheet" type="text/css"/> </head> <body> <div class="wrapper"> <div class="header"> <div class="logo"> Логотип </div> <div class="top_info"> <div class="top_company"> Вваепкпкуепкепкуе </div> <div class="top_company_name"> Ввапкпвпвк<br/> кенкуенкуенкуе </div> <div class="top_contact"> Пвапкапвкпквп<br/> Ьквепкепкуепкен кепкекуеку кекуе<br/> Нывак вкеапку ук<br/> Цуауцка </div> </div> </div> <div class="navigation"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Новости</a></li> <li><a href="#">О нас</a></li> <li><a href="#">Контакты</a></li> </ul> </div> <div class="leftcolumn"> Отзывы клиентов </div> <div class="content"> Основной текст </div> <div class="rightcolumn"> Новости </div> <div class="footer"> © 2012 Швапвеку кеауеауке </div> </div> </body> </html> Код:
Последний раз редактировалось keen_; 05.11.2012 в 22:58. |
|
05.11.2012, 23:27 | #7 |
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Код:
Автору - выровнять по высоте не задав самой высоты невозможно только лишь средствами css. Сделай там табличку. Я еще никогда не сталкивался с задачей, когда установка фикс высоты для не динамического элемента была бы проблемой. Вы же делаете сайт по макету и заранее знаете высоту. Нет никакой проблемы в случае чего ее изменить. UPD: Могу предложить JS-решение. В CSS просто задать Код:
Код:
Ненавижу быть как все, но люблю, чтобы все были как я.
Последний раз редактировалось MyLastHit; 05.11.2012 в 23:45. |
05.11.2012, 23:44 | #8 | |
Форумчанин
Регистрация: 07.12.2011
Сообщений: 112
|
Цитата:
Нужно помнить, что в старых браузерах люди увеличивают размер шрифта. При этом все остальные элементы не увеличиваются. Это значит, что текст в правой стороне выйдет за границу шапки при увеличении шрифта, если задать размер высоты шапки. Т. е. весь дизайн сломается и будет выглядеть просто стрёмно |
|
05.11.2012, 23:50 | #9 |
Пользователь
Регистрация: 23.07.2012
Сообщений: 77
|
А что бредового в margin:auto 0px? :-)
Вроде как размеры верхнего и нижнего полей должны автоматом стать одинаковыми, нет? |
05.11.2012, 23:51 | #10 | ||
Очень суровый
Участник клуба
Регистрация: 17.12.2009
Сообщений: 1,988
|
Цитата:
Цитата:
Ненавижу быть как все, но люблю, чтобы все были как я.
|
||
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Как выровнять по цетру вложенный div? | valerka92 | HTML и CSS | 10 | 11.09.2012 08:13 |
как выровнить div внутри другого div'a по вертикали по центру | Arassir | HTML и CSS | 4 | 12.03.2011 20:01 |
Div-овая верска тянущаяся по вертикали | MarkStaver | HTML и CSS | 3 | 08.12.2010 16:52 |
div тег как нижний слой для второго div тега | dadli | HTML и CSS | 2 | 30.07.2010 01:12 |
растянуть div в другом div-e | slips | HTML и CSS | 2 | 27.11.2009 15:43 |