0

Hi,

Quick question...

I have a site I'm working on: http://horizonheat.co.uk/home.html Excuse the cheesey design, it's the font that makes it look so bad. Customer is always right 'n' all.

But yeh, if you look at the mark up, in #content, I have 3 divs, one heading and two for content (Left & right).

But when I use the following code:

#content #left
{
	width: 69%;
	float: left;
}

#content #right
{
	width: 29%;
	float: right;
}

It seems to make the display of them go to jelly and the footer rides up... Any ideas?

I want one next to the other, the right one for images of the page etc...

By the way, I've not included that code on the page at the moment, as I want you to know what it's supposed to look like.

Any ideas?

Thanks in advance,

Josh

3
Contributors
4
Replies
5
Views
6 Years
Discussion Span
Last Post by rokape
0

Most browsers have default settings that include margin and padding. You should try to remove this by putting at the top of your CSS:

* {
margin:0;
padding:0;
}
0

I don't see any evidence of clearing the floats. If you don't clear the floats (adding a style="clear:both" to something or other) then the following elements will try to inherit those properties and break your page.

This question has already been answered. 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.