white space between divs, simple HTML
I have searched and searched on this site for a solution to this and tried
to apply all results too my simple HTML but none have appeared to work.
I'm sure there is a really easy way to do this because at the moment there
isn't really any code as will explain.
I want a simple layout, 3 divs. One Main Page div containing two
horizontal divs, I want the two inside divs to contain a picture that will
be used as the div backgrounds enclosed in the Main Page div, I can get
the backgrounds on but cannot rid the page of the white line, that I'm
sure you guys are sick of reading about.
I get the line appearing between "header" and "site" divs. I'm sure this
is an easy solution. I have want to keep the HTML as simple as possible
and only plan to have 3 three links that I will put in once the space has
gone, as I'm sure I can apply the solution to further divs.
I'm also struggling to upload code, please advise
HTML:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="mainwrap">
<div id="header">
</div>
<div id="site">
</div>
</div>
</body>
</html>
CSS:
#header{
width:1080px;
margin:0;
height:285;
background: url(header.jpg);
float:left;
}
#site{
width:1080px;
margin:0;
height:480;
float:left;
background: url(main.jpg);
}
#mainwrap{
width:1280px;
height:750px;
margin:auto;
background-color:#FFFFCC;
}
Many Thanks if someone can post a solution. James
No comments:
Post a Comment