АРМАДА
DIV заезжает под DIV, как исправить...
Новая тема Написать ответ Advanced Hosters - профессиональный хостинг

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Пт Июн 03, 2011 11:47 pmДобавить в избранноеОтветить с цитатой
Код:
<!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>


Спасибо, что опустились суды r5 (жалко ката не обнаружилось)

Итак

При прокрутки страницы (br спецально для этого теста) серый блок скролится под синий.
Как сделать, чтобы серый блок не скролися под красным?
Целый час ломаюсь, до инфаркта доведет ведь :baaa:

Кстати, без гемороя, зайдите сюда - http://jsfiddle.net/YRsnZ/ , сделайте 4ое окошко побольше и проскрольте... вы увидите как белый отступ закроется серым.

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Пт Июн 03, 2011 11:51 pmОтветить с цитатой
http://jsfiddle.net/YRsnZ/1/
Oscar the grouch Здесь могла быть ваша реклама

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Пт Июн 03, 2011 11:53 pmОтветить с цитатой
DrKronos писал(а):
http://jsfiddle.net/YRsnZ/1/


эх, не уточнил. мне нужно чтобы блок top был фиксированным

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Пт Июн 03, 2011 11:55 pmОтветить с цитатой
http://jsfiddle.net/YRsnZ/5/ так?
Oscar the grouch Здесь могла быть ваша реклама

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 12:01 amОтветить с цитатой
DrKronos писал(а):
http://jsfiddle.net/YRsnZ/5/ так?


отступ с верху нужен, а ты его убрал Smile

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 12:06 amОтветить с цитатой
http://jsfiddle.net/8RyrX/1/ так? :`( :mrrgreen:
Oscar the grouch Здесь могла быть ваша реклама

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 12:10 amОтветить с цитатой
DrKronos писал(а):
http://jsfiddle.net/8RyrX/1/ так? :`( :mrrgreen:


хорошая идея, НО у меня фон не однотонный, облака Smile
белый блок будет не к месту

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 12:25 amОтветить с цитатой
Можно сделать для топа и серой части общий слой, тогда выходить не должно. С утра попробую, уже спать
Oscar the grouch Здесь могла быть ваша реклама

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 4:39 pmОтветить с цитатой
DrKronos писал(а):
Можно сделать для топа и серой части общий слой, тогда выходить не должно. С утра попробую, уже спать


хз, помойму подобное пытался сделать, но не выходит

Yabuti
V.I.P.
Зарегистрирован: 28.11.2008
Сообщений: 16263
Contest (Сумма: 2)
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 4:59 pmОтветить с цитатой
<div id="cont" style="margin-bottom:500px;"> ???
Ксен ВПС и выделенные серверы от PQCService.net с бесплатным администрированием в 7 локациях, icq: 87244588
--

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 5:03 pmОтветить с цитатой
Yabuti писал(а):
<div id="cont" style="margin-bottom:500px;"> ???


нее, возможно ты не понял. :mrrgreen:

DrKronos
SEO-доктор
Зарегистрирован: 11.03.2008
Сообщений: 13024
Moder (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 6:22 pmОтветить с цитатой
Что-то не получается, как тебе нужно.
Появилась идея сделать так http://jsfiddle.net/Pc3Y8/62/ . Может так даже лучше? Smile
Oscar the grouch Здесь могла быть ваша реклама

trepsXe +
Гуру
Зарегистрирован: 02.05.2011
Сообщений: 1172
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 6:32 pmОтветить с цитатой
DrKronos писал(а):
Что-то не получается, как тебе нужно.
Появилась идея сделать так http://jsfiddle.net/Pc3Y8/62/ . Может так даже лучше? Smile


я тоже так делать, но охота чтобы скролл был у браузера, а не у дива.

спасибо и на этом

Taburetkin
Гуру
Зарегистрирован: 25.02.2007
Сообщений: 1426
Star (Сумма: 1)
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 8:10 pmОтветить с цитатой
Код:
<!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
Обратиться по нику
# Добавлено:Сб Июн 04, 2011 8:12 pmОтветить с цитатой
Taburetkin, оффигенно! спасибо Drinks or Beer
Новая тема Написать ответ    ГЛАВНАЯ ~ ТЕХНИЧЕСКИЕ ВОПРОСЫ

Перейти:  





Генеральный спонсор



Партнеры