Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Как выровнить <div>?
 
 автор: Artemy   (19.01.2007 в 11:54)   письмо автору
 
 

Столкнулся с такой пролемой.
Не могу выровнять <div> с фиксированной шириной по центру страницы.
Подскажите как!

Я делаю так!

<body>
  <div align="center" style="width:950px; height:100px; border:1px solid #0000FF; ">dfhdfs</div>
</body>

Такой вариант не работает. :(

Пожалуйста, подскажите как?

   
 
 автор: Artemy   (19.01.2007 в 12:01)   письмо автору
 
   для: Artemy   (19.01.2007 в 11:54)
 

Причем хотелось бы сделать это при помощи <div>'ов!
Без таблиц!

   
 
 автор: jbs   (19.01.2007 в 12:18)   письмо автору
 
   для: Artemy   (19.01.2007 в 11:54)
 

align="center" выравнивает содержимое тега, а не сам тег.


<div align="center">
  <div style="width:950px; height:100px; border:1px solid #0000FF; ">dfhdfs</div> 
</div>

   
 
 автор: SHAman   (19.01.2007 в 12:26)   письмо автору
 
   для: jbs   (19.01.2007 в 12:18)
 

Не, у меня с align ничего не получилось. Зато получилось с text-align + margin: 0 auto;


<html>
<head>
    <title>123</title>
    <style>
div#out    {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
div#in    {
    border: solid 1px black;
    width: 400px;
    text-align: center;
    margin: 0px auto;
}
    </style>
</head>
<body>
<div id="out">
    <div id="in">
    Текст
    </div>
</div>
</body>
</html>

   
 
 автор: jbs   (19.01.2007 в 12:29)   письмо автору
 
   для: SHAman   (19.01.2007 в 12:26)
 

я проверил перед тем как ответить, правда только на IE 6
у меня и рамка и текст были по центру, но наверно зря я убрал align во втором диве

<div align="center">
<div align="center" style="width:950px; height:100px; border:1px solid #0000FF; ">dfhdfs</div>
</div>

   
 
 автор: SHAman   (19.01.2007 в 12:35)   письмо автору
 
   для: jbs   (19.01.2007 в 12:29)
 

Нет, если делать, как ты предложил, то, по ходу, только в IE6 и будет отображаться нормально:) У меня IE7 и уже съезжает влево.

А при моем варианте стоит по центру в IE7, ФФ2, Опера 9. Других браузеров у мя ща не стоит. Так что тестануть не могу, но подозреваю, что все будет работать.

   
 
 автор: Artemy   (19.01.2007 в 12:34)   письмо автору
 
   для: SHAman   (19.01.2007 в 12:26)
 

Спасибо большое, SHAman! ;)

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования