Hello there respree,
Gosh this is an annoying problem, isn't it? I also spent quite a long
time fiddling around trying to work out what was going on. It turns
out that this is a browser-specific problem - the web browser Opera,
for example, displays both your examples in exactly the same way as
each other. However there is a way to get Internet Explorer (and
recent versions of Netscape) to behave in the way that you want.
The extra tag you need in your CSS syntax is:
margin-bottom: 0
So for example:
h1 { font-family: Verdana; font-size: 8pt; font-weight: normal;
text-transform: none; vertical-align: bottom; color: #000000;
margin-bottom: 0 }
margin-bottom, according to the W3 CSS specification, applies to all
elements and allows you to set the bottom margin of any element,
including <H1> etc. By default, Internet Explorer 'helpfully' assumes
that you want a bottom margin on your <H1> tags, but using the syntax
above allows you to turn this off.
For more detailed discussion of this issue, I would refer you to a
Usenet discussion on this issue from 2000. A shortened link to this on
Google Groups is below:
http://tinyurl.com/4hd2
I hope this is of some help to you - good luck with your web project!
Best wishes,
stuartwoozle.
--------
USEFUL LINKS
W3 CSS specification:
http://www.w3.org/TR/REC-CSS1
In order to find the Usenet posting discussed, I searched on Google
Groups (groups.google.com) for the terms:
h1 Internet Explorer blank line
... which gives the following result link:
http://groups.google.com/groups?num=100&hl=en&lr=&ie=UTF-8&oe=utf-8&q=h1+Internet+Explorer+blank+line&btnG=Google+Search |