Hi guys,

Please take a look at this test webpage and tell me what is causing this html problem:

Here's the URL of the test page:
http://www.baseballformula.com/test.html

The problem is with the copy that is in the middle section of the webpage (the middle column). When the webpage is maximized in the browser, there is no problem.

But, if you then click on the "restore down" box, which is the middle box in the upper right hand corner of the browser (not the minimize box), the html problem on the page will then show up.

What happens then is the copy in the middle section of the webpage for some reason gets pushed down the page so that the copy that was at the top of the middle column now starts on the page way down where the left-hand column ends.

What is the problem with the html code on the page that is causing this? What is the correct code that will fix the problem?

Thanks!

I have to narrow my browser quite a bit before the content gets pushed down.

That happens because there isn't room for all three columns, and your layout establishes the left and right columns first, allowing the center column to fill the remaining space between them. To reduce the likelihood of the middle column getting pushed down, you can narrow the fixed-width columns on either side (leaving more space for the middle column), or you can reduce the number of columns in the layout (also leaving more space for the content column).

Darin - thanks.

There's something more fundamentally wrong with the code that is causing the problem.

I got the 'skeleton' of the webpage code from another website. Just the basic layout of the site was kept (pixel width, etc.).

For some reason, it is just doing that with my webpage and not with theirs when "restore down" is clicked on the browser.

There's something in my code that is causing the problem.

What Darin said. There isn't enought room for the float.

I assume you see this in IE? The float doesn't drop before it's reasonable for it to do so in other browsers. IE has bugs with floats that can cause it to add a few pixels margin. Give the float a little more space.

Could someone put in an adjusted float code that prevents this and either attach it here or email it to me?

Thanks!

Yes, it is happening in I.E. - Firefox is merely condensing the middle column text when the page is restored down, which is what I want I.E. to do.