DesignersTalk - View Single Post

Tamakyo · 05-04-2008, 22:23

I redid the coding from scratch. Everything is perfect now, but the background of the footer isn't showing.

Code:

<body>

	<h1>VTR Interchange, Inc.</h1>
<div id="href">
	<a href="#">link 1</a><a href="#">link 2</a><a href="#">link 3</a><a href="#">link 4</a><a href="#">link 5</a><a href="#">link 6</a><a href="#">link 7</a>
</div>
<div id="container">
	<div class="left">
	<h2>Test 1</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque arcu ante, condimentum a, congue at, tincidunt condimentum, nisl. Ut urna sapien, vehicula in, commodo eget, porta vitae, libero. Nunc dui. Phasellus ac ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis tempor, dolor quis malesuada consectetuer, lorem orci tempor leo, eu vulputate justo tortor sit amet arcu. Duis mauris dui, posuere ac, rhoncus sed, rhoncus nec, urna. Donec ornare, eros cursus tristique auctor, erat ante placerat purus, vel scelerisque mi ipsum at purus. Sed fringilla massa eget est. Morbi ultricies egestas lorem. Fusce enim. Sed tortor nulla, tincidunt ut, laoreet non, ornare ac, ante. Mauris consectetuer. Donec hendrerit sem nec lacus. Aenean consectetuer mauris ut enim. Pellentesque sit amet mi at ligula mollis consectetuer. Phasellus at arcu. Phasellus eget velit id neque posuere ullamcorper. In hac habitasse platea dictumst. Sed iaculis massa quis lectus.</p>
	</div>
	<div class="right">
	<h2>Test 2</h2>
	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque arcu ante, condimentum a, congue at, tincidunt condimentum, nisl. Ut urna sapien, vehicula in, commodo eget, porta vitae, libero. Nunc dui. Phasellus ac ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis tempor, dolor quis malesuada consectetuer, lorem orci tempor leo, eu vulputate justo tortor sit amet arcu. Duis mauris dui, posuere ac, rhoncus sed, rhoncus nec, urna. Donec ornare, eros cursus tristique auctor, erat ante placerat purus, vel scelerisque mi ipsum at purus. Sed fringilla massa eget est. Morbi ultricies egestas lorem. Fusce enim. Sed tortor nulla, tincidunt ut, laoreet non, ornare ac, ante. Mauris consectetuer. Donec hendrerit sem nec lacus. Aenean consectetuer mauris ut enim. Pellentesque sit amet mi at ligula mollis consectetuer. Phasellus at arcu. Phasellus eget velit id neque posuere ullamcorper. In hac habitasse platea dictumst. Sed iaculis massa quis lectus.</p>
	</div>
</div>
<div id="footer">
Copyright &copy; 2008 VTR Interchange, Inc. All rights reserved.
</div>

</body>
</html>

Code:

body {
	background: url("pattern.gif") repeat-x;
}

#href {
	padding-top: 12px;
	width: 876px;
	height: 36px;
	background: url("navigationpattern.gif") repeat-x;
	margin: 0 auto;
}

#href a {
	padding-left: 30px;
	font-size: 22px;
	color: #fff;
	font-family: arial;
	text-decoration: none;
}

#href a:hover {
	text-decoration: underline;
}
	

#container {
	width: 876px;
	background-color: #fff;
	text-align: justify;
	margin: 0 auto;
}

#container .right {
	width: 438px;
	float: right;
	background-color: #fff
}

#container .left {
	width: 438px;
	float: left;
	background-color: #fff
}

h1 {
	padding-top: 20px;
	padding-bottom: 10px;
	width: 876px;
	color: #fff;
	font-family: georgia;
	font-size: 44px;
	margin: 0 auto;
}

h2 {
	padding-top: 5px;
	padding-left: 30px;
	color: #36424a;
	font-size: 24px;
}

p {
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 10px;
	color: #36424a;
	font-family: arial;
	font-size: 13px;
}

#footer {
	color: #36424a;
	font-family: arial;
	font-size: 13px;
	text-align: center;
	width: 876px;
	height: 50px;
	background: url("footerpattern.gif") repeat-x;
	margin: 0px auto;
}