Lost margin in IE8 1

[ginger213]

Hi,

I just downloaded IE8 and see that I how have a page that lost a table margin when viewed in IE8. It was fine in other browsers and does validate.

Does anyone know what the issue is? (There should be about 1/4" of white at the top above the logo and blue double border).

http://webpages.charter.net/testspace213/margin-problem.html

Here's the relevant css:

#outercontainer {width: 800px; margin: auto}
#outertable {width: 760px; margin: 20px 20px 0px 20px; border-top: 6px double #3E76B5}

Thanks in advance for any suggestions,
ginger

 

[BillyRayPreachersSon]

It looks like a collapsing margin issue as giving your outer container a top padding of 1px fixes it.

Therefore, you could remove the 20px top margin and use 20px top padding on the outer container instead.

However, my advice to you is to completely re-write the page, as using tables for such a simple layout is crazy and so old hat!

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

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

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

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[ginger213]

Thanks so much Dan. That fixes it.

using tables for such a simple layout is crazy and so old hat

I know! ... I've been coding that way forever but rarely do web sites anymore. Getting better at coding CSS layouts is on my list of things to do, but since this is for a relative (and free) it will have to do for now.

Thanks again. I really do appreciate it!

ginger