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;
}