VPF::центрирование div - Форум программистов

Flowers

Дата 20.11.2009, 00:31 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 33
Регистрация: 25.10.2009

Репутация: нет
Всего: нет

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

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

bars80080

Дата 20.11.2009, 00:34 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

Цитата(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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 33
Регистрация: 25.10.2009

Репутация: нет
Всего: нет

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

Flowers

Дата 20.11.2009, 20:12 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 33
Регистрация: 25.10.2009

Репутация: нет
Всего: нет

Везде написано, что 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 (ссылка)

(нет голосов)

Загрузка ...

прапор творюет

Награды: 1

Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315

может так:

Код


  <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 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 33
Регистрация: 25.10.2009

Репутация: нет
Всего: нет

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

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »