Фон на весь екран.

Mr.Black · December 9, 2010

Нужно создать фон http://img406.imageshack.us/img406/5307/98721749.png

Вставляю в ксс но в большом разшерение ,он не розтягивается на все 100%

http://img687.imageshack.us/img687/2043/65894222.png

Vlad · December 9, 2010

Фон и не умеет растягиваться, разве что в CSS3 только. Обычно делают ловкое наложение двух фонов друг на друга для создания непрерывного изображения.

Mr.Black · December 9, 2010

Нужно один бекграунд в хтмл дать а второй в боди???

Фон и не умеет растягиваться

У вас здесь ошибка или нет???

Mr Loga · December 10, 2010

У вас здесь ошибка или нет???

Не вижу никакой ошибки, фон на самом деле не умеет растягиваться, он умеет повторятся. Придумали чтоб фон расстягивался только в CSS3.

Как вариант еще есть картинку поставить и растянуть ее на весь экран, а весь контент потом сверху наложить. Но если фон позволяет, то можно и двумя фонами сделать, один картинка растягивается, а все что ниже, то крайний цвет или повторяющийся кусочек изображения.

Smit · December 10, 2010

Ребят, подскажите как вот так фон сделать?

http://www.lux-studios.co.uk/index.html

Картинка в фоне вообще как скала стоит!

(покрутить скроллом)

deadrash · December 10, 2010

Ребят, подскажите как вот так фон сделать?
http://www.lux-studios.co.uk/index.html
Картинка в фоне вообще как скала стоит!
(покрутить скроллом)

url("/img/1.jpg") no-repeat fixed center top transparent - фиксированный

url("/img/1.jpg") no-repeat scroll center top transparent - прокручивается

Smit · December 10, 2010

deadrash, спасибо большое)

Smit · December 12, 2010

Хм...попробовал...не работает(( судя по всему там скрипт замешан

Есть ещё идеи?

deadrash · December 12, 2010

Хм...попробовал...не работает(( судя по всему там скрипт замешан
Есть ещё идеи?

Что именно у тебя не получается, покажи как используешь это свойство и как какому объекту применяешь.

Frestayler · December 12, 2010

url("/img/1.jpg") no-repeat fixed center top transparent - фиксированный
url("/img/1.jpg") no-repeat scroll center top transparent - прокручивается

А можно ли сделать не в CSS а в html. Тобиш:

<body background="/images/fon.jpg">

Mr.Black · December 12, 2010

У меня есть ище один вопрос по фону.....

Я задал фон при а:ховер все нормально вот только - http://img12.imageshack.us/img12/772/48692457.png

Искал в коде где задан лишний паддинг или марган но нет.

* { margin: 0; padding: 0;}

img { border: 0; }

a, img, div, input  { outline: none; }

ol, ul { list-style-position: inside; }

a {
	color: black;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

html {background: #f4f4f4;}

body {
   font: 12px Arial, Helvetica, sans-serif;
   color: black;
   margin: 15px 15px 25px;
}

#wrapper {
	background: #e5e5e5;
	width: 100%;
	 min-width: 970px;
	border: 1px solid #434343;
	height: 1000px;
}

#headtop {
background: #d8d8d8;
padding: 5px 10px;
border-bottom: 1px solid #434343;
color: #242424;
}

#headmiddle {
	overflow: hidden;
	width: 100%;
	height: 234px;
	background: url('file:///C:/Users/Admin/Desktop/123/headrep.jpg') repeat-x;

}

#headimg { 
	width: 97%;
	height: 234px;
	position: absolute;
}

	#headright {
		background: url('file:///C:/Users/Admin/Desktop/123/headright.png') no-repeat;
		width: 257px;
		height: 234px;
		position: absolute;
		 right: 15px;
	}

	#logo {
		display: block;
		margin: 30px auto;
		position: relative;
		width: 379px;
		height: 82px;
	}



	#loginform {
		position: relative;
	}

	#headbottom {
		border-top: 1px solid #434343;
		border-bottom: 1px solid #434343;	
		height: 42px;

	}

	.speedbar {
		float: left;
	}

	.speedbar li {
		display: inline; 
	}

	.speedbar a {
		border-right: 1px solid #434343; 
		line-height: 40px;
		padding: 1px 20px;
		display: inline-block; 
		text-decoration: none;
	}

	.speedbar a:hover {
		background: url('file:///C:/Users/Admin/Desktop/123/speedbar.png') repeat;
	}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Free</title>
<link type="text/css" rel="StyleSheet" href="file:///C:/Users/Admin/Desktop/123/style.css" />
</head>
<body>

  <div id="wrapper" >

		<div id="headtop" >Четверг, 12.08.2010, 00:00</div>
		<div id="headmiddle" >
		<img src="file:///C:/Users/Admin/Desktop/123/head.jpg" alt="Head" id="headimg" />
		<div id="headright" ></div>
		<a href="#"  ><img src="file:///C:/Users/Admin/Desktop/123/logo.png" alt="Logo" title="Главная" id="logo" /></a>
		<div id="loginform" >
		11111grjgowrjg

		</div>		 
		</div>
		<div id="headbottom" >

		<div class="speedbar" >
		<ul>
		<li><a href="#" >Главная</a></li>
		<li><a href="#" >Форум</a></li>
		<li><a href="#" >Файлы</a></li>
		<li><a href="#" >Статьи</a></li>
		<li><a href="#" ><font color="red" >Ваша ссылка</font></a></li>
		</ul>
		</div>
		<div class="searchform" ></div> 

		</div>		


	<div id="content" ></div>
	<div id="footer" ></div>
  </div>

</body>
</html>

Sign In

Фон на весь екран.

Question

Link to comment

Share on other sites

10 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

Join the conversation

Обсуждения

Important Information