Hi all,

I'm currently working on a website where I've got a problem with the spacing
of lines.

Basically, I've got a main content area on the page and it's behaving as if
I've got some rouge "line-height" rule in there somewhere set to a small
value.

The result is that if I have a line of text and then underneath that I have
another line with some padding and parhaps a border - the padding and border
is pushing up into the line of text above it.  i.e. it's not being rendered
by just taking up space below it, the second line appears slightly over the
first line.

This is how I'd except it to render (and how it does render if I take out
the two line HTML snippet into a blank HTML doc):

first line
/--------
|second line in border
\---------

What's actually happenning is:

f/i-r--s-t- -l-i-n-e  
| second line
\------------

I know the ASCII rep is rubbish - but what I'm trying to illistrate is that
the border of the second line doesn't just start under the first line but
half way on top of the first line.

I can take the same HTML snippet into a brand new HTML document and it works
fine.  The problem is the same in IE and FF - I know it is my code.  If I
set line-height: 1em; for example, in a blank HTML document then I get this
same effect.  But I've done global searches on all my code, html, and css
and I've only got about 2 uses of line-height in the whole site.

Are there any other CSS attributes that might give a similar behavior to
line-height?


Kind Regards,

Simon Kittle


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to