Is there css to make the look of IE and Chrome the same? As you can see, what I have in a table in IE, goes to the end of the table. It is much higher in Chrome. FF is better than Chrome, but I would like the email input going all the way down to the end of the table.
My body tag is:
topmargin=“20” bottommargin=“20”
which is the dark blue and the same on each browser.
bottommargin
The margin of the bottom of the body. This method is non-conforming, use CSS margin-bottom property on the element instead.
…
topmargin
The margin of the top of the body. This method is non-conforming, use CSS margin-top property on the element instead.
Difficult to say without seeing the code that creates the problem.
My best guess would be the default styling of elements differs between the browsers. If so it could be overcome by explicitly setting the problem properties in css.
I stripped my other code out and this is the raw table properties that I am using. With the exact code below, same issue in that the IE browser has the email input at the bottom of the table. Chrome an FF raises up.
OK, so when you get all that code properly indented so you can see what’s going on, then it becomes clear that the table structure is invalid.
You are nesting tables three deep, but there is only one closing table tag, not to mention further errors that break the table structure.
To be totally honest, this style of code pre dates Egyptian Hieroglyphics.
Rather that fighting this beast to get it into good shape it would be best to bring it into this millennium and start over styling the page with CSS instead of antiquated, over-complex table layouts and “presentational” attributes.
It’s the right thing to do.
Yes, thank you I know that. Unfortunately I need to take the time to learn it better. I understand it a little but need to be consistent and use it. Your comments are well received and valid.
Sorry, I got side-tracked last night and never posted the example, though I did knock something up. But it will have to wait until I get back home. I’ll also want to add some explanatory notes if you are new to css.
Here is a basic example. It’s not a pixel perfect copy of your original, but can be tweaked to match more closely if needed.
You will see the html is much simpler now with presentation removed from it.
With indenting it’s much easier to make sense of it too.
For the purpose of the example, the css is in the head, but should really be removed completely from the html into its own file and linked from the head.