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)

Preferred Member

10+ Year Member

joined:Aug 20, 2004
votes: 0

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 July 31, 2006 (gmt 0)

New User

5+ Year Member

joined:Feb 18, 2006
votes: 0

can you post some more details of the problem?
a demo would be great ...
1:35 pm on July 31, 2006 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Dec 5, 2002
votes: 0

Try Opera 9. Or why not just set the widths to exactly what you want?
11:23 pm on Aug 3, 2006 (gmt 0)

Preferred Member

10+ Year Member

joined:Aug 20, 2004
votes: 0

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


Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members