Форум PHP программистов > Сайт съезжает вверх

[ Поиск ] - [ Пользователи ] - [ Календарь ]

program90

16.01.2011 - 03:33

Подскажите,
Почему у меня на сайте все съезжает вверх, когда например открыть firebag снизу. А на других сайтах все остается на месте?

Спустя 12 часов, 38 минут, 34 секунды (16.01.2011 - 15:11) inpost написал(а):

Так, догадки, ты ставил позицию относительно нижней части экрана: style="bot:10%".
А вообще, скрин-шот покажи, чтоли

Спустя 6 часов, 19 минут, 43 секунды (16.01.2011 - 21:31) program90 написал(а):

inpost
нет, bottom нигде не использовал, упрощенный текс сайта привожу ниже:


<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--<script type="text/javascript" src="raphael-min.js"></script>-->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<style type="text/css">
  .mes_links {
    color: #000000;
    text-decoration: none;
  }


  A {
    color: #000000;
    text-decoration: none;
  }

  .user_links {
	position: absolute;
	left: 12%;
  }

  body {
    margin:  0px;
    padding: 0px;
	background-color: #EEEEEE;
	background-image: url('snow.jpg');
  }
  
  #backgr {
    position: relative;
  }

  #general_window {
    position: absolute;
	float: left;
    top: 1.5%;
    left: 2%;
	background-color: #F1C5E2;
	width: 75%;
	height: 80%;
	overflow: auto;
	padding: 1%;
  }
 
  #user_list {
    position: relative;
	float: left;
    top: 1.5%;
    left: 80%; 
	width: 17.5%;
	height: 80%;
	background-color: #7AFE67;
	overflow: auto;
	padding: 1%;
  }

  #text_input {
    position: relative;
    top: 2.6%;
    left: 2%;   
	background-color: #FF33FF;
	width: 75.7%;
	height: 8%;
	padding: 0.7%;
    overflow: auto;
	clear: left;
  }

  #container {
    position: absolute;
    top: 0%;
    left: 0%;
    right: 0%;
    bottom: 0%;
	background-color: green;
	width: 100%;
	height: 100%;
  }

  .logout_link {
    position: absolute;
	top: 2%;
	right: 2%;
  }

  .addressName {
	font-family: fantasy;
  }

  .userListLinkContainer {
    position: relative;
	width: 90%;
  }

  .infoImage {
    position: absolute;
	top: 14%;
	cursor: pointer;
  }
</style>
</head>
<body> 
	 
	<!-- окно сообщений чата -->
    <div id="general_window">
	</div>

    <!-- окно списка пользователей -->
	<div id="user_list">
	</div>

    <!-- ссылка для выхода из чата -->
	<div class="logout_link">
	  <a href="#" onclick="logout();">Выйти</a>
    </div>

    <!-- окно отправки сообщений -->
	<div id="text_input">
	  <input name="toNick" size="20" type="text"/>
	  <input id="text1" type="text" size="128"/>
	  <input id="text2" name="text" type="hidden"/>
	  <br/>
	  <input id="submit_button" type="button" value="отправить" onclick="sendMessage();"/>
    <!-- </form> -->
	</div>
  <!-- </div> -->

Спустя 1 час, 56 минут, 27 секунд (16.01.2011 - 23:28) inpost написал(а):

bottom: 0%; - а это не оно? =( А так же TOP используешь, собственно ты сам себя запутал.

Спустя 42 минуты, 2 секунды (17.01.2011 - 00:10) program90 написал(а):

inpost
bottom убрал, но сайт все равно съезжает.) А чем можно заменить top? в контейнере можно убрать.) А в других непонятно как.) Если надо например абсолютно позиционировать.

Спустя 48 минут, 11 секунд (17.01.2011 - 00:58) inpost написал(а):

program90
Ты мне предлагаешь биться головой об стенку и сочинять? Или создать свой сайт с твоим css ?

Спустя 1 час, 11 минут, 17 секунд (17.01.2011 - 02:09) program90 написал(а):

inpost
нет),
ниже упрощенный код той страницы:


<html>
<head>
<style type="text/css">
  body {
    margin:  0px;
    padding: 0px;
	background-color: #EEEEEE;
  }
  

  #general_window {
    position: absolute;
	float: left;
    top: 1.5%;
    left: 2%;
	background-color: #F1C5E2;
	width: 75%;
	height: 80%;
	overflow: auto;
	padding: 1%;
  }
 
  #user_list {
    position: relative;
	float: left;
    top: 1.5%;
    left: 80%; 
	width: 17.5%;
	height: 80%;
	background-color: #7AFE67;
	overflow: auto;
	padding: 1%;
  }

  #text_input {
    position: relative;
    top: 2.6%;
    left: 2%;   
	background-color: #FF33FF;
	width: 75.7%;
	height: 8%;
	padding: 0.7%;
    overflow: auto;
	clear: left;
  }
</style>
</head>
<body> 
	 
	<!-- окно сообщений чата -->
    <div id="general_window">
	</div>

    <!-- окно списка пользователей -->
	<div id="user_list">
	</div>

    <!-- ссылка для выхода из чата -->
	<div class="logout_link">
	  <a href="#" onclick="logout();">Выйти</a>
    </div>

    <!-- окно отправки сообщений -->
	<div id="text_input">
	  <input name="toNick" size="20" type="text"/>
	  <input id="text1" type="text" size="128"/>
	  <input id="text2" name="text" type="hidden"/>
	  <br/>
	  <input id="submit_button" type="button" value="отправить" onclick="sendMessage();"/>
	</div>
</body>
</html>

Спустя 1 час, 44 минуты, 8 секунд (17.01.2011 - 03:53) inpost написал(а):

program90
Я тебе не браузер и не представляю вообще, как выглядит ошибка...

Спустя 7 часов, 14 минут, 12 секунд (17.01.2011 - 11:07) Snus написал(а):

program90
Скриншот + paint + линии карандашиком что куда и зачем.

Быстрый ответ:

Здесь расположена полная версия этой страницы.