Обрывается фон

hawk1

Захожу иногда
124
1 / 0

Обрывается фон

« : 16.07.2012, 14:55:20 »

Разметка шаблона такая

Код

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Антипрепод</title>
<link href="css/Styles.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="apDiv1">
 
</div>
<div id="container">
<div id="header"><a href="Index.html"><img src="images/Cap.gif" width="1000" height="250" /></a></div>
<div id="menu">
<div id="navigation">
  <ul>
   <li><a href="#">Пункт 1</a></li>
   <li><a href="#">Пункт 2</a></li>
   <li><a href="#">Пункт 3</a></li>
  </ul>
</div> 
</div>
<div id="left">
  <p>Сайдбар</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
  <p>&nbsp;</p>
</div>
<div id="main">
  <p>Содержимое</p>
</div>
<div id="footer">Подвал</div>
</div>
</body>
</html>

стили определены следующим образом

Код

@charset "utf-8";
/* CSS Document */
body, HTML {
margin:0px; 
padding:0px;
text-align:center; 
}
body,td,th {
	color: #000;
}
#container {
	width: 1000px;
	background-image: url(../images/Background.gif);
	border: 1px solid;
	margin: 0 auto;
	background-repeat: repeat;
}
#header {
	width:1000px;
	height:250px;
}
#menu {
	width:1000px;
	height:20px;
	text-align: center;
	background-image:url(../images/BackgroundMenu.jpg);
	border-bottom:1px solid;
}
#left {
	width: 200px;
	float: left;
	border-radius: 9px;
	border: 1px solid #990000;
	position: relative;
}
#main {
	margin-left:201px;
	min-height: 100%;
	height:auto !important;
	height: 100%;
}
#footer {
	width: 1000px;
	height: 20px;
	border-top: 1px solid;
	background-color: #993300;
	margin-right: auto;
	margin-left: auto;
	position: absolute;
	bottom: 0px;
}
#apDiv1 {
	position:absolute;
	left:350px;
	top:253px;
	width:300px;
	height:20px;
	z-index:1;
}
#navigation {
width: 500px;
height: 20px;
margin: 0;
padding: 0;
} 
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
} 
#navigation ul li {
display: inline;
margin: 0px;
} 
#navigation ul li a {
height:20px;
display: block;
color: #0000A0;
text-decoration: none;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}
#navigation ul li a:hover {
color: #F00;
}
#navigation ul li#active a {
	color:#C03;
}
#navigation {
width: 500px;
height: 20px;
margin: 0;
padding: 0;
} 
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
} 
#navigation ul li {
display: inline;
margin: 0px;
} 
#navigation ul li a {
height:20px;
display: block;
float: left;
color: #0000A0;
text-decoration: none;
font-family: Arial;
font-size: 15px;
font-weight: bold;
font-style:italic;
padding-left:20px;
padding-right:20px;
}
#navigation ul li a:hover {
color: #F00;
}
#left h3 {
	color: #0033CC;
}
a {
	color: #0000FF;
}


#navigation ul li#active a {
}

Но почему то фон не доходит до футера.

[вложение удалено Администратором]

« Последнее редактирование: 16.07.2012, 17:08:44 от hawk1 »

Записан

Marques

Завсегдатай
1410
190 / 9
Ctrl+F5

Как мне нравятся такие вопросы. Просто обожаю. Вот сейчас сижу, мысленно представляю как выглядит страница по приведенному листингу с HTML, одновременно не забываю присоединять CSS из листинга ниже... оп, оп, оп... эх, опять забыл сколько там у id="left" отступ... ну ничего, сейчас включу Firebag в голове (он у меня встроенный) и дело пойдет ! Упс... у меня тоже фон до футера не дошел... а вот почему, эх пока мой встроенный Firebag этого не показывает. Видимо нужно встроить еще и Firefox ?

Надеюсь намеки понятны ?

Записан

Зануда перфекционист, не признающий авторитетов, ищет легкую работу за большие деньги - http://dtkp.ru/ s@dtkp.ru