Table and P padding problem IE/NS

[LEICJDN1]

Hello again,

During continued development of my site, I keep finding display differences between IE 6 and NS 7.02.

While they are only minor - divs will align perfectly in one but no the other (usually OK in IE)- I have spent ages changing loads of CSS values to try and correct it.

The two main problems are line spacing in a paragraph section, and padding / spacing of tables within the body.

If you look at:

http://www.cardioweb.co.uk/index.html

The total height of the body and the spacing of the paragraphs is different between the two. Can anyone explain why?

In addition, if you look at:

http://www.cardioweb.co.uk/mrcp/questions/part1/tabletest.asp

The display of the table text is different.

Again, I cannot fathom why.

I feel it is unwise to post the CSS directly into this thread as it is very long.

If anyone would like to help me try and solve this issue, and have the above pages looking as similar as possible in IE 6 and NS 7.02 then the CSS is here:

http://www.cardioweb.co.uk/main.css

I would also be grateful if people with other browsers could see how they check out.

Thanks.

JDN

 

[vbkris]

that always happens, i encountered it once in one of my projects, do u know what i decided - damn NS...

Known is handfull, Unknown is worldfull

 

[MrBelfry]

I think this is something to do with the different way that IE and NS calculate widths. I think NS includes padding and margins but IE only includes padding or something like that. This is all to do with the CSS box model and more info can be found here

http://www.alistapart.com/stories/journey/4.html

and also by doing a google search.

Happy reading!



MrBelfry

 

[LEICJDN1]

Thanks vbkris and MrBelfry.

Have read about the 'box model hack' before and thought it may be something to do with that. Will see if it helps.

Have considered vbkris suggestion of 'sod NS!'

Oh well.

 

[clarkin]

It looks pretty much identical in Firebird 0.7 / IE 6 on win2k, can't see a noticeable difference.

When reading the post I thought it might be the old "it's in IE quirks mode", but it's not

These might help you out:

http://alistapart.com/topics/css/

http://devedge.netscape.com/central/css/

Posting code? Wrap it with code tags: [ignore]

[/ignore][code]CodeHere

[ignore][/code][/ignore].