Layout Alignment - Webmaster Forum - Web Design, Programming and SEO forums

07-06-2009, 04:16 PM

LongDogger

Status: Junior Member
Join date: Sep 2006
Location: Florida
Expertise:
Software:

Posts: 33

iTrader: 0 / 0%

LongDogger is on a distinguished road

Layout Alignment

I was wondering if anyone could help my create this varied column layout. You can view the page I need to display properly here.

What's weird is that it display's perfectly fine in IE for once, but Firefox refuses to allow 'Box 5' to align right up against 'Box 2' in the header like it should.

My css code is:

Code:

#wrapper {
	width: 800px;
	height: 100%;
	margin: 0 auto;
}

#one {
	height: 150px;
	width: 800px;
	background: #FFFF00;
	float: left;
}

#two {
	height: 150px;
	width: 700px;
	background: #FF0000;
	float: left;
}

#three {
	height: 250px;
	width: 100px;
	background: #0000FF;
	float: right;
}

#four {
	height: 150px;
	width: 100px;
	background: #00FFFF;
	float: right;
}

#five {
	height: 150px;
	width: 600px;
	background: #EFEFEF;
	float: left;
}

#six {
	height: 200px;
	width: 200px;
	background: #00FF00;
	float: right;
	clear: right;
}