Table mayhem (in strict)

[GaijinPunch]

This is driving me nuts. Not really sure what the problem is, so: examples:

http://www.gamengai.com/top.php

-- this is my header, which is fine and dandy by itself. It's not declared as anything (as it's always included). Looks good, no?

http://www.gamengai.com/test.php

-- this is what it looks like after I include it in a strict HTML file. The td tags should have the height set to exactly that of the images contained in each row. Cellpadding and cellspacing are both set to 0. Yet, they are "broken"

Any constructive suggestions?

 

[audiopro]

The page is together in IE6 but there is a lot of code for such a simple layout.
Try putting the images into a table with the correct cell layout and no CSS formatting, you will get the same result.
Then you can add the necessary CSS for any additional formatting you require.


Keith

http://www.studiosoft.co.uk

 

[BillyRayPreachersSon]

While your page validates (using the W3C's validator), it's hard from complete. You have no closing body or html tags, and a missing td.

That isn't causing the problem, however. On your penultimate table, put this style on every row:

font-size:0px; line-height:0px;

And the problem will go away.

Hope this helps,
Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Incidentally, I agree with Keith - it's far too much markup for such a simple layout. It can be easily simplified.

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[GaijinPunch]

Guys -- that's not the whole layout. I just figured you didn't want to see the whole thing, when the issue is basically the same. It's also in beta so I don't like posting the main page, although it's definitely not top secret stuff. It's several PHP files included within others, hence, the unclosed tags.

Anyways, If you do want to see the final final:

http://www.gamengai.com/main.php

Try putting the images into a table with the correct cell layout and no CSS formatting, you will get the same result.

Did that -- basically stripped all the CSS formatting of the table (the middle one -- the one that technically doesn't need any) and I still have the same results in Firefox.

 

[GaijinPunch]

Billy -- I missed your first solution, which now seems to be getting me somewhere. Thanks.

 

[BillyRayPreachersSon]

Did my styling solution not work for you?

Dan



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Oh. Never mind ;-)



[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[GaijinPunch]

All fixed up. Just gotta make a few more pages, then the fun working of moving that damn forum from the other server.

Thanks again!