Flat Screen, IE7, and floats

[rpcarnell]

This one is as weird as the title. If you look at this page:

http://www.pilando.com/foro/

You will see a forum existing inside one layer out of many. A table existing inside CSS.

Thing is...

The whole thing looks fine as long as you don't use IE with a flat screen monitor. Believe it or not, in a flat screen monitor using IE, the forum goes all the way down, for float: right; does not work.

The problem originates from the fact that flatscreens are usually set to the max resolution possible. With 800x600 and 1024x768, everything is fine. Float: right: works.

But with IE, using 1280 x 1024, it does not, as if the layer was too wide to float right next to another layer. It looks fine with IE in this computer, but all I see is a blank page with my sister's labtop. And yes, the culprit is always IE. Never Opera, Firefox, Konqueror.

How do I deal with this without having to buy a new monitor (or perhaps a new graphics accelerator, both?) ?? Someone using a laptop computer, or a flatscreen monitor, will think the forum is not even there.

[WebJoel]

It has nothing to do with whether the screen is 'flat' or not... My screen is not 'flat screen' but in IE, I see the same problem:

....<table border="0" width="670px" cellspacing="2px" cellpadding="5px" class="main_tbl">

<tr class="header_row" />
<td class="main_cell" >Foros</td>

<td class="main_cell" >Temas</td>
... You are implicitly-closing the "<tr>" before opening the "<td>". This is invalid.

Also, there is no "px" in HTML. Only in CSS:

HTML:
width="300"

CSS:
style="width:300px;"

Let's blame the code, not the computer. :) Fix the code and if the problem still exists, it's still in the code. float will work, -but it may be an IE problem having to do with widths, margins & padding that are causing this 'float drop'. It's a common problem, btw. :)

[rpcarnell]

It is definitely a code problem, but it appears only in IE, and when the viewer is using the highest screen resolutions. I have IE at 1024x768 and it looks just fine.

It may be a code problem. One thing we all know (or should know) is that IE forgives code errors as much as Vlad Dracul forgave his enemies. Maybe I am exaggerating, but I like the sound of that. :)

Thanks for your help.

[WebJoel]

Not solved yet?
<div id="whole" style="background-color:#88a4cf;">and<div style="padding-left:202px;">
<table border="0" width="auto" cellspacing="2px" cellpadding="5px" class="main_tbl">

<tr class="header_row" />
<td class="main_cell" >Foros</td>

<td class="main_cell" >Temas</td>

<td class="main_cell" >Temas</td>

<td class="main_cell" >Mensajes</td>
</tr>....

Looks the same now in IE6 and Fx 2.0.0.11

[dtm32236]

The 47 HTML errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.pilando.com%2Fforo%2F) aren't gonna help either.

[rpcarnell]

I fixed all 47 errors. The problem is still there.

Forum looks fine in IE7, IE6, provided I am using a resolution of 1024/768 or below. Laptop computers use something higher, so do flatscreen computers, and it is there where my <div style="float:right;" is not doing what it is supposed to do.

Sounds like a bug that no one has seen so far.