problem with html in IE, anyone with table knowledge wanna help me out?

[Barnaby W. Füi]

ok i am making a website, the whole thing basically looks the same, i'm using some tables to format it all, i'm using mozilla, i also checked it out in konqueror, and it looks fine, but someone using IE told me it was messed up for them. considering about 90% of web users use IE, i would prefer that they be able to view it. i guess theres something in my tables that IE doesnt like, i'm not doing anything elaborate, however i'm a n00b with html so i wouldn't have the slightest clue what is going on.

link

thanks

 

[notfred]

yep, it's messed up... let me see if I can figure out why.

 

[joohang]

Indent your code!!!

Any ways, I found one problem. I counted 5 <table> tags but 6 closing </table> tags. The last one was automatically added by the Geocities server.

Does your page work fine if you open the HTML page locally? See if that extra closing tag is causing you trouble.

 

[Barnaby W. Füi]

<< Indent your code!!!

Any ways, I found one problem. I counted 5 <table> tags but 6 closing </table> tags. The last one was automatically added by the Geocities server.

Does your page work fine if you open the HTML page locally? See if that extra closing tag is causing you trouble. >>


yeah it looks perfect locally or on geocities, let me look at the table tags and see wtf geocities is doing.

edit: n/m it looked messed up when i dcc'ed the guy just the html file over irc, so geocities isnt messing it up.

edit: and i also counted the table and /table tags, as far as i can see there are equal amounts of both

 

[notfred]

found the problem:

remove: style="padding: 0% 20%;" on line 54.

 

[telstar1]

What the heck are you trying to do with the style:

style="padding: 0% 20%;"

 

[telstar1]

Damn ... he beat me by seconds..

 

[Barnaby W. Füi]

<< found the problem:

remove: style="padding: 0% 20%;" on line 54. >>


doh, that was told to me, i need it indented on the left and right but not on the bottom/top, and i was told to use that, and it DOES work right in mozilla, i guess just not in IE. so should i use style="padding: 0% 20% 0% 20%" or is the whole style thing gonna mess it up no matter what? what else could i use to give the same effect?

 

[telstar1]

There's a style called left-margin and right-margin, but support for those is pretty bad.
Your best bet would probably be to make some extra columns in the table, and fill them with the non-breaking space character ( )

 

[Barnaby W. Füi]

<< There's a style called left-margin and right-margin, but support for those is pretty bad.
Your best bet would probably be to make some extra columns in the table, and fill them with the non-breaking space character ( ) >>


doh so make some columns on the sides and use a % for their width and fill them with nbsp's?

 

[joohang]

There's also individual CSS properties for padding.

Linkie
I intentionally gave you a link to a Microsoft documentation.

 

[telstar1]

yup ... welcome to the world of cross-browser web development
You could also just center your inner table, and fix the width of that one to a certain percentage.

 

[Barnaby W. Füi]

<< There's also individual CSS properties for padding.

Linkie
I intentionally gave you a link to a Microsoft documentation. >>


i tried it, now look at the result

although i'm starting to think that maybe i will just have it full width, theres more text than i planned on typing so it looks ok i guess.

edit: yeah, i'm gonna just leave it full width, the paragraphs are long enough for it to look good that way, thanks for all the help guys

 

[Ornery]

Yeah, that did it! I screwed with that for 20 minutes and couldn't figure it out

So, why was Netscape able to view it correctly, but not IE? I always heard that IE handled screwed up code better. Missing </table> tags especially!