Some text
...
Форум hotibo.ru
Сайты - по стандартам, но не стандартные сайты!
#1 04.04.2011 06:55
- is5157
- Новичок
- Зарегистрирован: 03.04.2011
- Сообщений: 12
Как растянуть div по ширине
В div с id="main" есть два div, один с id="firstPart" у которого ширина 200px и другой с id="secondPart". Как мне div с id="secondPart" растянуть по оставшейся ширине div с id="main"? И как выравнить по центру div с id="myContent" внутри div с id="secondPart".
Код:
Отредактированно is5157 (04.04.2011 06:57)
Нет на форуме
#2 04.04.2011 11:06
- tapazukk
- Опытный
- Зарегистрирован: 16.01.2010
- Сообщений: 349
- Вебсайт
Re: Как растянуть div по ширине
Как мне div с id="secondPart" растянуть по оставшейся ширине div с id="main"?
Убрать float у блока, который должен растянуться на 100% и задать отступ, равный ширине статичного блока.
И как выравнить по центру
margin:0 auto; для блока, который нужно выровнять.
Для ИЕ5 text-align:center; для родительского элемента.
Код:
document Some text..AAA...
Нет на форуме
#3 05.04.2011 05:18
- is5157
- Новичок
- Зарегистрирован: 03.04.2011
- Сообщений: 12
Re: Как растянуть div по ширине
Спасибо всё прекрасно работает, только есть два вопроса:
1. *{margin:0; padding:0;} - что за странная конструкция, если можно, то хотелось бы узнать смысл
#main{}
2. В IE6 почему-то между блоками есть небольшой, но видимый зазор, как его можно устранить? В других браузерах всё нормально никакого пробела нет. Версия IE6.0.2800.1106.xpsp1.020828-1920
Нет на форуме
#4 05.04.2011 09:51
- tapazukk
- Опытный
- Зарегистрирован: 16.01.2010
- Сообщений: 349
- Вебсайт
Re: Как растянуть div по ширине
1. "*" -универсальный селектор, те перед началом работы, обнуляем отступы у всех элементов (пользуйтесь поиском на форуме)
В #main{} смысла нет никакого, зачем-то оставил 
2. "3-х пиксельный баг ИЕ" известная проблема. Для ИЕ при помощи conditional comments задайте ширину больше на три пикселя или уменьшите отступ.
Отредактированно tapazukk (05.04.2011 10:17)
Нет на форуме
#5 05.04.2011 09:57
- КузмичЪ
- Разбирающийся
- Зарегистрирован: 14.04.2010
- Сообщений: 65
Re: Как растянуть div по ширине
2. В IE6 почему-то между блоками есть небольшой, но видимый зазор, как его можно устранить? В других браузерах всё нормально никакого пробела нет. Версия IE6.0.2800.1106.xpsp1.020828-1920
можно обойтись и без CondComm'ов путем задания отрицательного отступа для #firstPart {margin-right:-200px;}
работает как в IE, так и нормальных браузерах...
Нет на форуме