In article <12****************@cool.guy.abc.xyz>,
co*****@abc.xyz enlightened
us with...
My page has a table which sits directly underneath an image. The
background colour of the table matches that of the image, so they visually
combine.
Now, when I view the page in Firefox with the strict doctype tag[*]
specified, a gap is inserted above the table.
If I don't specify a doctype, however, this gap isn't present.
Any ideas on how to work around this?
Browsers have default paddings and margins for most elements - and they won't
be the same across browsers or in/out of quirks mode (no doctype sets quirks
mode). Specify a class or ID for the table, then in the CSS, set paddings and
margins to 0 for that class or ID.
i.e.
<table class="myNoPaddedClass">
or
<table id="header">
then [1]
table.myNoPaddedClass {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
or
#myNoPaddedClass {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
HTH
[1] Note that I have never used strict doctype and don't know if you can use
this shortcut or if you need to do each side, like padding-top, padding-left,
etc.
--
--
~kaeli~
Humpty Dumpty was pushed!
http://www.ipwebdesign.net/wildAtHeart http://www.ipwebdesign.net/kaelisSpace