Здравствуйте. Помогите пожалуйста. Как сделать так чтобы страница тянулась по вертикали также как по горизонтали т.е. если в окно тянуть по вертикали чтобы бг сужался и сохранял отступы внизу и вверху.
Заранее спасибо.Код:#bg {width: 100%;margin: 10% auto;height:600px;background:#3A6CA9;}
ничего не понял..
Вобщето высоту указывать в процентах можно только тогда - когда высота родителя извесна.
К тому же у вас height:600px - и при этом вы хотите чтобы оно тянулось.
Или я не понял задачу?
[/quote]Originally posted by KukMan@Oct 12 2007, 17:13
ничего не понял..
Вобщето высоту указывать в процентах можно только тогда - когда высота родителя извесна.
К тому же у вас height:600px - и при этом вы хотите чтобы оно тянулось.
Или я не понял задачу?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
Если даже высоту указать в процентах то все равно не тянется. Попробуйте ниже указанный код. По вертикали не тянется. Если не развернутое окно тянуть по вертикали сужать, то появляется прокрутка. А горизонтально если сужать, то прокрутка не появляется.
Код:<html> <head> <title>не тянется</title> <style type="text/css"> <!-- #bg {width: 100%;margin: 20% auto;height:80%;background:#3A6CA9; text-align:center;}--> </style> </head> <body> <div id="bg"> </p> </p> </p> </p> </p> DIV по вертикали не тянется</p> </p> </p> </p> </p> </div> </body> </html>
а разве прокрутка не должна появляться если слой в окне не умещается?
fenixnt
Если высота блока задана явно и фиксированно (например, в пикселах), с какой стати он должен тянуться по вертикали?
[/quote]
Потому что Вы не указали высоту в процентах. Вернее, она у Вас не работает...
Вот Вы пишете: #bg {height: 80%;}. Позвольте осведомиться: а 80% от чего?
[/quote]Originally posted by Aykroyd@Oct 13 2007, 02:24
fenixnt
Если высота блока задана явно и фиксированно (например, в пикселах), с какой стати он должен тянуться по вертикали?
Потому что Вы не указали высоту в процентах. Вернее, она у Вас не работает...
Вот Вы пишете: #bg {height: 80%;}. Позвольте осведомиться: а 80% от чего?
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
80 процентов от высоты. Обычно ширину указывая в процентах к примеру 100% то див растягивается на всю ширину экрана. Почему же не получается тоже самое вертикально?
[/quote]
К примеру если сделать див в 50 процентов по горизонтали то он будет при любом разрешении занимать половину от ширины монитора даже если его сужать. Если же сделать тоже самое вертикально, то результат совсем другой.
Да я прекрасно Вас понимаю. Не надо повторяться. Просто я считаю своей задачей не конфетку Вам в рот положить, а направить Вас в правильном напрвлении, дабы Вы сами пришли к правильному умозаключению... Но, видимо, дела тут совсем плохи...
Не от ширины монитора, а от ширины родительского блока.К примеру если сделать див в 50 процентов по горизонтали то он будет при любом разрешении занимать половину от ширины монитора даже если его сужать.
И поскольку блоки в прямом потоке по умолчанию занимают по ширине все доступное им пространство (100%) – поэтому и получается то, что Вы описываете.
А по вертикали блоки в прямом потоке по умолчанию НЕ занимают все доступное им пространство. И поскольку высота родительского блока для Вашего #bg явно НЕ задана, вот и не может браузер посчитать указанные Вами height: 80% для #bg...Если же сделать тоже самое вертикально, то результат совсем другой.
Спасибо большое понял в чем дело.
Аминь.
Ваши права
