3 replies to this topic

[zingyGecko]

I'm making a blog php script, and now I'm trying to make a second column for links (the first column being all the blog posts), so in CSS I made the 1st column's div float:left and made another column and made it's div float:right. It works fine in Internet Explorer but in firefox it gets messed up. Here's some screens so you can see what i mean:

Firefox:


Internet Explorer:


I have the outputted html as an attachment.

You can download it with all the images here: http://www.badongo.com/file/1955666

If anyone can tell me how to fix it then it'd be greatly appreciated. Thanks in advance.

Attached Files

•  blog.html   3.41K   195 downloads

Edited by zingyGecko, 03 January 2007 - 06:39 PM.

[bay]

don't have time to actually download it right now...but my guess is that you need overflow:auto; in the div that won't "expand" down.

[blacky]

after the two divs you have floating left and right, add another div to clear them.

<div style="clear:both"></div>

[zingyGecko]

blacky, on Jan 3 2007, 01:05 AM, said:

after the two divs you have floating left and right, add another div to clear them.

<div style="clear:both"></div>

That worked, thanks.