|
|
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
trepsXe + |
Ответить с цитатой | | |
|
Код: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>[TITLE]</title>
</head>
<body>
<!--- style --->
<style type="text/css">
body {
margin: 0;
padding: 0;
}
#cont {
margin: 0 auto;
margin-top: 10px;
width: 640px;
}
#top {
width: 640px;
height: 30px;
background: blue;
position: fixed;
}
#post {
background: grey;
}
</style>
<!--- style end --->
<div id="cont">
<div id="top"></div>
<div id="post">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</body>
</html>
|
Спасибо, что опустились суды (жалко ката не обнаружилось)
Итак
При прокрутки страницы (br спецально для этого теста) серый блок скролится под синий.
Как сделать, чтобы серый блок не скролися под красным?
Целый час ломаюсь, до инфаркта доведет ведь
Кстати, без гемороя, зайдите сюда - http://jsfiddle.net/YRsnZ/ , сделайте 4ое окошко побольше и проскрольте... вы увидите как белый отступ закроется серым. |
|
|
|
|
|
|
DrKronos SEO-доктор |
Зарегистрирован: 11.03.2008
Сообщений: 13024
|
Обратиться по нику
|
|
|
Здесь могла быть ваша реклама |
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
|
|
|
DrKronos SEO-доктор |
Зарегистрирован: 11.03.2008
Сообщений: 13024
|
Обратиться по нику
|
|
|
Здесь могла быть ваша реклама |
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
|
|
|
DrKronos SEO-доктор |
Зарегистрирован: 11.03.2008
Сообщений: 13024
|
Обратиться по нику
|
|
|
Здесь могла быть ваша реклама |
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
trepsXe + |
Ответить с цитатой | | |
|
хорошая идея, НО у меня фон не однотонный, облака
белый блок будет не к месту |
|
|
|
|
|
|
DrKronos SEO-доктор |
Зарегистрирован: 11.03.2008
Сообщений: 13024
|
Обратиться по нику
|
DrKronos |
Ответить с цитатой | | |
|
Можно сделать для топа и серой части общий слой, тогда выходить не должно. С утра попробую, уже спать |
|
|
|
|
|
Здесь могла быть ваша реклама |
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
trepsXe + |
Ответить с цитатой | | |
|
DrKronos писал(а): |
Можно сделать для топа и серой части общий слой, тогда выходить не должно. С утра попробую, уже спать
|
хз, помойму подобное пытался сделать, но не выходит |
|
|
|
|
|
|
Yabuti V.I.P. |
Зарегистрирован: 28.11.2008
Сообщений: 16263
|
Обратиться по нику
|
|
|
Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
-- |
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
trepsXe + |
Ответить с цитатой | | |
|
Yabuti писал(а): |
<div id="cont" style="margin-bottom:500px;"> ???
|
нее, возможно ты не понял. |
|
|
|
|
|
|
DrKronos SEO-доктор |
Зарегистрирован: 11.03.2008
Сообщений: 13024
|
Обратиться по нику
|
|
|
Здесь могла быть ваша реклама |
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
trepsXe + |
Ответить с цитатой | | |
|
я тоже так делать, но охота чтобы скролл был у браузера, а не у дива.
спасибо и на этом |
|
|
|
|
|
|
Taburetkin Гуру |
Зарегистрирован: 25.02.2007
Сообщений: 1426
|
Обратиться по нику
|
Taburetkin |
Ответить с цитатой | | |
|
Код: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
;>
<html>
<head>
<title>[TITLE]</title>
</head><!--- style --->
<style type="text/css">
body {
padding: 0;
margin: 0;
background-color: #FFF;
}
#cont {
margin-top: 0px;
width: 640px;
padding: 0px;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
}
#veryTop {
height: 10px;
position: fixed;
width: 100%;
clear: right;
z-index: 100;
background-color: #FFF;
}
#top {
width: 640px;
height: 30px;
background: blue;
position: fixed;
top: 10px;
}
#post {
background-color: #CCC;
top: 10px;
}
</style>
<!--- style end --->
<body>
<div id="veryTop"></div>
<div id="cont">
<div id="top"></div>
<div id="post">
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br /> jksfjks
<br /> sfsfs
<br /> sfsfs
<br /> sfsf
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</div>
</div>
</div>
</body>
</html>
|
|
|
|
|
|
|
|
trepsXe + Гуру |
Зарегистрирован: 02.05.2011
Сообщений: 1172
|
Обратиться по нику
|
|
|
|
|