Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > центрирование div

Автор: Flowers 20.11.2009, 00:31

Здравствуйте!

Есть ли способ центрировать блок div с шириной заданной в процентах?
Можно ли при этом задать ему максимальную и минимальную ширину?

Автор: bars80080 20.11.2009, 00:34

Цитата(Flowers @ 19.11.2009, 23:31

)

Есть ли способ центрировать блок div с шириной заданной в процентах?

margin: 0px auto; для блока и
text-align: center; для внешнего контейнера, чтобы центрировался в ИЕ

Цитата(Flowers @ 19.11.2009, 23:31

)

Можно ли при этом задать ему максимальную и минимальную ширину?

min-weight, max-weight;
работает везде, за исключением ИЕ6

Автор: Flowers 20.11.2009, 01:08

В Фоксе и Опере работает.
IE8, вообще что-то не реагирует на мин и макс ширину, всегда ширина дива равна проценту от ширины окна. Есть советы?

Автор: Flowers 20.11.2009, 20:12

Везде написано, что IE7, IE8 поддерживают min-width, max-width. У меня ни в какую.
Может я что-то нитак делаю?

Код


  <style type="text/css"> 
    #test_block { 
      min-width:300px;
      max-width:500px;
      width:70%;
      text-align:left;
      margin: 0 auto;
      border-style:solid; 
      border-width:1px;
    }
  </style>
....
<div align="center">
  <div id="test_block">
  Hello!
  </div>
</div>     
...

Автор: bars80080 20.11.2009, 20:27

может так:

Код


  <style type="text/css"> 
    #test_block { 
      text-align:left;
      margin: 0 auto;
      border-style:solid; 
      border-width:1px;
      width:70%;
      min-width:300px;
      max-width:500px;
    }
  </style>
....
<div align="center">
  <div id="test_block">
  Hello!
  </div>
</div>

Автор: Flowers 20.11.2009, 20:36

bars80080, не работает в IE. Пробовал режим совместимости, тоже не помогает.