Welcome to WebmasterWorld Guest from

Forum Moderators: open

Message Too Old, No Replies

Opera padding on LIs



12:43 am on Jul 31, 2006 (gmt 0)

10+ Year Member

Hello All -

I've got a vast top and bottom padding difference on an LI nav list in Opera (8.53) that I'm not getting in FF, IE or NN.

Each of these LI's have top and bottom borders so it's easy for me to measure the vertical difference in each, which is:

FF - 28px
NN - 28px
IE - 27px - I can live with that
O - 24px - I can't live with that.

Reason I can't live with Opera's shortened padding is that I've got a little background image of a folder on each LI which is positioned 0 4px which lines up pretty much perfect with the LI labels, but ends up too far "down" on the li in Opera.

What's the deal with padding in Opera? Is there a way to fix this problem so this nav list (atleast the background icons) render consistantly across all four browsers?

All help greatly appreciated.



7:08 am on Jul 31, 2006 (gmt 0)

5+ Year Member

can you post some more details of the problem?
a demo would be great ...


1:35 pm on Jul 31, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member

Try Opera 9. Or why not just set the widths to exactly what you want?


11:23 pm on Aug 3, 2006 (gmt 0)

10+ Year Member

The solution was revealed to me on another list.

It's to control the line-height on the LI's in question. Worked like a charm - now li's and their attendent background images render as expected across IE N FF and 0 9.0


Featured Threads

Hot Threads This Week

Hot Threads This Month