4 replies [Last post]
chris_ex
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 3
Points: 0

http://www.slinkymedia.com/surreytourism/comp_treasuretrail.asp
http://www.slinkymedia.com/surreytourism/css/screen.css

I'm having problems getting clear: both; to work in non-IE browsers. If you look at my site in IE, the content div stretches appropriately and the clear: both; knocks the footer into place beneath it. However, other browsers don't seem to take any notice of the clear: both; and the content overlaps the footer! Any ideas?

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 17 years 1 week ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

clear: both; not working in non-IE browsers

Try using a <div> instead of <br />

<div class="clearboth"></div>

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

chris_ex
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 3
Points: 0

clear: both; not working in non-IE browsers

Still no joy, that doesn't seem to work Sad

Stu
Stu's picture
Offline
Enthusiast
Bristol uk
Last seen: 17 years 1 week ago
Bristol uk
Joined: 2004-01-20
Posts: 282
Points: 0

clear: both; not working in non-IE browsers

You have a height: 372px; in your #content which IE ignores but all the rest fix this at 372px and will not expand.

Removing this line should allow the content to be enclosed.

It's not what you do it's the way that you do it.
So do it with STYLE
http://www.s7u.co.uk

chris_ex
Offline
newbie
Last seen: 16 years 41 weeks ago
Joined: 2004-04-14
Posts: 3
Points: 0

clear: both; not working in non-IE browsers

Stu, you're a lifesaver! Definitely deserve the title of guru Smile