Hello everyone.
I'm new at this forum and i could use some help.


My site has some css bugs/problems that i haven't yet identified .


In Firefox:
in a specific page (the /calendario.php) :
The content of the left column (the left groups standings ) sometimes is pushed to the bottom of the column when using firefox in longer pages .
Seems that the middle column content pushes the left column content to the bottom.
Pressing CONTROL+F5 fixes it but every once in a while it happens again.

in IE it hasnt happen.



Another css/bug with my site is that:
in IE6 my top background image repeat -x is displayed twice ( one time at the top of the page and another one right below it a second time)


And another one in IE
in some IE, not all it shows a horizontal line at the middle of the page.


My site is for a local soccer tournament at http://torneiodavila.netii.net/


Any help would be apreciated.



Thanks in advance.

Firefox has virtually no bugs, and those that it does have are fairly obscure, and I almost never run into them. If you think IE is showing you something 'right', then IT is the one that is WRONG 99% of the time.

You might want to visit www.positioniseverything.net to learn of IE's many, many bugs.

The content of the left column (the left groups standings ) sometimes is pushed to the bottom of the column when using firefox in longer pages .

I did not see this behavior at all. If a refresh fixes it, then it's more than likely that your CSS file wasn't completely loaded or your page not completely rendered the first time.

in IE6 my top background image repeat -x is displayed twice ( one time at the top of the page and another one right below it a second time)

You're getting margin-collapse, which is not a bug. The fix is to add padding-top: 1px to #header.

And another one in IE
in some IE, not all it shows a horizontal line at the middle of the page.

I'm not seeing that on any page in IE6. What version are you seeing it in ?

thank you for your reply LadynRed.

i've fixed the problem with the content of the left column being pushed down.

the middle content of the site is composed of a 3 columns / 1 row table.

after testing several things in the css, i noticed that i had a

style=float:left

in the middle <td> of the table
once i removed it never happened again.
strange that all pages had that float left for the middle <td> and only that particular page behaved that way in firefox and not always.


about the middle horizontal line, i must of done something that i don't know what that seems to have resolved it. haven't seen it in a while now.


i'm going to test the

padding-top         : 1px ;  /* IE6 fix  */

and report back as soon as i fix it.



Thank you again for your reply LadynRed.

correction to my last post.

the middle horizontal line appears when i test with the IE8 in compatibility mode.


should i be worried about this?

Why are you running it in compatibility mode ?
The problem is, anyone also using it in that mode will see the same line. I do not have access to IE8 in any form right now, but my guess would be that the line appears as it would in IE7.

i've solved the problem.

it wasn't the

padding-top         : 1px ;  /* IE6 fix  */

it was the

.header {
    margin-bottom        : -8px;

after commenting that line it solved both problems :
- the top background image repeat -x displaying twice ( one time at the top of the page and another one right below it a second time)
- and the middle horizontal line with the IE8 in compatibility mode.


with a minor change to the height value

.header {
    /*margin-bottom        : -8px;*/
    height                : 93px;

its 100% ok with all browsers except a minor flaw in IE6.



Thank you.