Простой вопрос о высоте страницы

stardel · January 3, 2010

Делаю на Дивах,как лучше проставить высоту страницы?Просто у меня она не удлиняется вниз(не видно буквально 30 px,видно тока то что позволяет окно браузера).Где и как лучше прописать? СпС всем кто откликнется)

Edited January 3, 2010 by stardel

psywalker · January 3, 2010

Делаю на Дивах,как лучше проставить высоту страницы?Просто у меня она не удлиняется вниз(не видно буквально 30 px,видно тока то что позволяет окно браузера).Где и как лучше прописать? СпС всем кто откликнется)

Убери вообще высоту, она тебе никчему, пусть контент сам растягивает сайт

stardel · January 3, 2010

Убрал-толку нет.Может из за того что у меня картинка бэкграунда не порезана(на странице будет мало чего,и я решил не резать).....нажимаю F11-всё видно,а без этого не всё...

Edited January 3, 2010 by stardel

psywalker · January 3, 2010

Убрал-толку нет.Может из за того что у меня картинка бэкграунда не порезана(на странице будет мало чего,и я решил не резать).....нажимаю F11-всё видно,а без этого не всё...

Давай ссылку, далее скриншот того что нужно и подробное объяснение

stardel · January 4, 2010

У меня пока на локалке,но вот скрин.Всё что на кремовом фоне-это один не порезанный кусок.Внизу где телевизор и будильник заметно что страница видна не вся.Почему то нет справа полосы прокрутки.

Вот скрин:http://s54.radikal.ru/i143/1001/40/54be6604c4e0.jpg

Вот код:

<title>Батик | Главная</title>

</head>

<body>

<ul>

<li>Главная</li>

<li><a href="http://batikgallery.ru/gallery/main.php">Галерея</a></li>

<li><a href="#">Контакты</a></li>

</ul>

</body>

</html>

Вот css:

body {

background : url(images/Gallery.jpg) no-repeat;

background-position:center top;

margin-top: 250px;

margin-left: 330px;

font-family : "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;

font-color:#FFF;

font-size:18px;

background-color:#130e0a;

body scroll="yes";

}

a {

text-decoration : none;

color : #ffffff;

}

a:hover {

color : #483223;

}

Подскажите плизз что не так)просто дивами осваивать когда то надо)

Игорь Ермаков · January 4, 2010

Заливай всё на хостинг.

Такое могло возникнуть если:

1. Кривое абсолютное позиционирование.

2. Не правильное использование overflow.

3. Горе-скрипты.

Это на вскидку, там что угодно может быть.

mishka · January 4, 2010

font-color:#FFF;
body scroll="yes";

Какойто непонятный код....

background : url(images/Gallery.jpg) no-repeat;
background-position:center top;
margin-top: 250px;
margin-left: 330px;
font-family : "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
font-color:#FFF;
font-size:18px;
background-color:#130e0a;
body scroll="yes";

Заменяется:

background :#130e0a url(images/Gallery.jpg) no-repeat 50% 0;
margin: 250px 0 0 330px;
font :18px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
color:#FFF;

А вообще все правильно работает, так как бекграунд не тянет страничку, и естественно полосы прокрутки непоявляется.

Советую бг ложить на див и ему задавать минимальную высоту в пикселях по высоте бг.

На боди маргины просто обнулить, а ровнять маргинами уже див.

Edited January 4, 2010 by mishka2

stardel · January 4, 2010

body scroll="yes"; -это я пытался скролл врубить

я не пойму тока по чему вот это:

margin-top: 250px;

margin-left: 330px; задаёт положение списка ссылок,а не положение бэкграунда....из за того что он не тянет его?

mishka · January 4, 2010

На боди маргины только обнуляй!

body{margin:0;}

И центрирование типа

body{width:1000px;margin:0 auto;} это плохой пример.

stardel · January 4, 2010

обнулил,толку мало-тока ссылки как и должны были уехали в левый верхний угол,а вся страница всё равно не показывается...

mishka · January 4, 2010

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Батик | Главная</title>
	<style type="text/css"><!--
		body{
			margin:0;
			background:#130e0a url(images/Gallery.jpg) no-repeat 50% 0;
			font:18px "Comic Sans MS", Verdana, Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#wrapper{
			width:1000px;
			margin:0 auto;
			min-height:1500px;
		}
		* html #wrapper{
			height:1500px;
		}
		a{
			text-decoration:none;
			color:#fff;
		}
		a:hover{
			color:#483223;
		}
	--></style>
</head>
<body>
<div id="wrapper">
	<ul>
		<li>Главная</li>
		<li><a href="http://batikgallery.ru/gallery/main.php">Галерея</a></li>
		<li><a href="#">Контакты</a></li>
	</ul>
</div>
</body>
</html>

Ширину сделай свою по ширине контента.

Минимальную высоту по высоте бг.

Edited January 4, 2010 by mishka2

stardel · January 4, 2010

CПС большое! А как поставить "+"в репутацию? )

Sign In

Простой вопрос о высоте страницы

Question

Link to comment

Share on other sites

11 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information