[WEB4LIB] CSS and line spacing problem

[Andrew Mutch]

Lisa,

Explicitly set margins on your headers. I did the following:

Original:

H1 {
FONT-WEIGHT: normal;
FONT-SIZE: 2em;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

Changed:

H1 {
MARGIN: 0px;
FONT-WEIGHT: normal;
FONT-SIZE: 2em;
COLOR: #000000;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

and that fixed the display in IE 6/SP1 and Mozilla 1.7.

Andrew Mutch
Library Systems Technician
Waterford Township Public Library
Waterford, MI


Lisa Weber wrote:

> Hello,
>
>
>
> I'm a CSS novice with a problem that's driving me nuts.
>
>
>
> I'm trying to convert the template for our library web page from being table
> based in design to CSS.  So far I've met with success except for one little
> problem, I can't get the body (the right side of the page) to display
> correctly in Mozilla based browsers.  Rather than lining up with the top of
> the nav bar on the left, the text drops down about three lines.  This does
> not happen in IE.  I suspect that I've made a mistake somewhere in the style
> sheet that's affecting the header tags, but I can't find it. If I remove the
> header, regardless of whether it's h1, h2, h3 or h4, the text lines up
> correctly.
>
>
>
> The URL for the page is http://librdata.utep.edu/testlibrary/test.cfm and
> the style sheet is http://librdata.utep.edu/testlibrary/libraryweb1.css.  If
> any of the CSS specialists out there can help I would really appreciate it.
>
>
>
> Thanks for your help,
>
>
>
> Lisa Weber
>
> lweber at utep.edu
>
> *********************************************************************
> Due to deletion of content types excluded from this list by policy,
> this multipart message was reduced to a single part, and from there
> to a plain text message.
> *********************************************************************