0

I have a space between my divs and I can not figure out where this sucker is coming from. I have checked all images to make sure they are the same and it is still there.

The development site is www.jpadams.com/test/user/list.php

Here is the CSS

#Table_01 {
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#Header {
	left:0px;
	top:0px;
	width:1024px;
	height:131px;
}

#Avatar {
	float: left;
	left:0px;
	top:131px;
	width:270px;
	height:637px;
}

#Content {
	float: left;
	left:270px;
	top:131px;
	width:676px;
	height:458px;
	background-color: #abaaaa;
}

#RightSide {
	float: right;
	left:946px;
	top:131px;
	width:78px;
	height:637px;
}

#Footer {
	float: left;
	left:270px;
	top:589px;
	width:676px;
	height:179px;
}

#Copyright {
}

Here is the HTML

<div id="Table_01">
	<div id="Header">
	<img src="images/Header.png" width="1024" height="131">
    </div>
<div id="Avatar">
		<img src="images/Avatar.png" width="270" height="637">
</div>
	<div id="Content">
Content.....
	</div>
	<div id="RightSide">
		<img src="images/RightSide.png" width="78" height="637">
	</div>
	<div id="Footer">
		<img src="images/Footer.png" width="676" height="179">
	</div>
    <div id="Copyright">
    Jonathan Adams
    </div>
    </div>

Edited by jpadams: n/a

4
Contributors
4
Replies
6
Views
7 Years
Discussion Span
Last Post by onhaleakala
0

If there is no doctype, it throws the browser into quirks mode. Quirks mode causes browsers to do things they don't normally do to try to render the page so everything is visible.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.