shanes
New Member
- Messages
- 35
- Reaction score
- 0
- Points
- 0
Well i'm coding a layout for someone and I've encounterd a little problem...
http://shanes.pcriot.com/swinkid/index.html is the url
I wanted to centre the layout without using tables so I made a container div , the problem with this is for some reason the contain div closes off without me wanting it to .
Here's the soruce:
I want the background colour I have for my container to go behind the 'box' div
http://shanes.pcriot.com/swinkid/index.html is the url
I wanted to centre the layout without using tables so I made a container div , the problem with this is for some reason the contain div closes off without me wanting it to .
Here's the soruce:
HTML:
<!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>--ss--</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="Habbo,Layout" />
<meta name="Description" content="This layout is coded by --ss-- off Habboxforum.com for Swinkid." />
<style type="text/css">
<!--
body {
padding: 0px;
background-image: url(images/bg1.gif);
}
#container {
width: 798px;
background-color: #4B6D78;
border-style: solid;
border-color: #000000;
border-width: 1px;
font-family: verdana;
font-size: 12px;
}
#banner {
width: 798px;
height: 118px;
background-image: url(images/banner.PNG);
}
#top {
width: 798px;
height: 20px;
background-image: url(images/m_bg.PNG);
padding-top: 4px;
}
#box {
width: 169px;
background-image: url(images/box_bg.PNG);
background-color: #4B6D78;
float: left;
margin-left: 4px;
margin-top: 14px;
text-align: left;
}
-->
</style>
</head>
<body>
<center>
<div id="container">
<div id="banner"> </div
<div id="top">123</div>
<div id="box"><img src="images/box_top.PNG" /> »Test<br /> »Test<br /><img src="images/box_bot.PNG" /> </div>
</div>
</center>
</body>
</html>