Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Хочу блокировать содержимое страницы. Для этого делаю видимым полупрозрачный слой. Проблема в том, что бы этот слоф растнуть по всей длине СТРАНИЦЫ, а не видимой части окна. Пишу что-то по типу
.... ....
Ничего не получается. Думал, что смысл в том, что боди растянется в зависимости от содержимого, а с помощью конструкции position: absolute; top: 0px; right: 0px, bottom; 0px; left: 0px; я прижму слой к краям области содержимого страницы.
Где я туплю?
Нет на форуме
По порядку:
1.) * {margin:0; padding:0;}
2.) html, body {height:100%; width:100%;}
Третьим пунктом следует задание твоему горемычному слою height:100%;
Это все.
ЗЫ: Когда у тебя значение чего-то равно нулю, не пиши еденицы типа 0px, background-color тоже дурной тон, пиши просто background.
Пока все.
Нет на форуме
Вы можете сказать, исходя из каких соображений вы даете подобные рекомендации?
Отрабатывает в Лисе и Опере. Не могу понять, почему.
Насчет рекомендаций. В RFC не нашел, что background-color - depricate, и насчет едениц измерения где-то читал, что еденицы измерения указываются всегда.
Я плохо разбираюсь в CSS, хотелось бы разбираться чуть больше - поэтому задаю такие вопросы - хочу большего понимания, а не тупо Ctrl+C Ctrl+V.
Нет на форуме
Я не совсем понял, чего вы хотите сделать то?
Касательно нуля, нольи в Африке ноль, так что не заморачивайтесь. И вообще, как писали на вебмасконе "все стандарты сосут".
Нет на форуме
CountZero написал:
Я не совсем понял, чего вы хотите сделать то?
Хочу накрыть дивом всю страницу. Хочу понять, что неправильно в приведенных примерах.
CountZero написал:
И вообще, как писали на вебмасконе "все стандарты сосут"
Нет, ну все ж так плохо :-)))
P.S. Нашел пример в jquery. Буду смотреть, как там реализовано, но хотелось бы понять, где я ошибься в моих вариантах.
Нет на форуме
4matic, читайте статьи на сайте "как прижать футер к низу" и исследование о поведенииbody
Нет на форуме
Спасибо!
Хм, ходил же по этому сайту, как я не заметил про БОДИ....
Т.е. ответом на мой вопрос, в чем я не прав будет "все стандарты сосут" и выводы из статьи про БОДИ.
Еще раз спасибо.
Нет на форуме
CountZero написал:
как писали на вебмасконе "все стандарты сосут".
ссылку плиз, а то я видно пропустил...
Нет на форуме
Сори, я перепутал вебмаскон с другим сайтом, вот здесь
Нет на форуме
И снова о баранах.
Ну, не получается у меня организовать перекрытие страницы чистыми средставми CSS.
Пробывал поработать с fixed - тоже не получается работа в IE. Как я понял из гугиления ИЕ до 7-й версии имеет ввиду position:fixed. ДИВ смещает текст вниз, хотя, по идее блок должен идти вне потока...
Отредактированно 4matic (07.12.2010 14:51)
Нет на форуме
Для
1.) * {margin:0; padding:0;}
2.) html, body {height:100%; width:100%;}
3.) .over {position: absolute;top:0;left:0;height:100%; width:100%;}
в теле
Нет на форуме
Если бы все было так просто. Если содержимое страницы больше, чем размеры экрана, то ИЕ честно растянет блок только на видимую часть, а остальная часть останется не перекрытой.
Нет на форуме
Тогда меняй:
1.) * {margin:0; padding:0;}
2.) html, body {height:100%; width:100%;}
3.) .over {position: absolute;top:0;left:0;height:100%; width:100%;overflow:scroll;z-index:300;}
4.) .first {height:100%; width:100%;overflow:hidden;z-index:300;}
И добавь в первый див следующее:
в теле
Нет на форуме
Глянь сайт в теме /forum/viewtopic.php?id=406
У меня там как раз реализована 100% высота для клиента (то есть прокрутка хоть и в нужном месте, но не для body, а для дива).
Нет на форуме
а за html, body { height:100%; width:100%; } спасибо, юзал всегда
#splash { position:absolute;
left: expression( ( leftVar = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
top: expression( ( topVar = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
height:expression(document.documentElement.clientHeight+'px');
width:expression(document.documentElement.clientWidth+'px');
filter:alpha(opacity=70);
}
#splash_out{position:absolute; z-index:9999999;
left: expression( ( leftVar = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) + 'px' );
top: expression( ( topVar = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) + 'px' );
height:expression(document.documentElement.clientHeight+'px');
width:expression(document.documentElement.clientWidth+'px');
}
Нет на форуме
У меня получилось так
html, body {width:100%, height:100%}
---------------------------------------------------
Нет на форуме
Страниц: 1