homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

Opera padding on LIs

 12:43 am on Jul 31, 2006 (gmt 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 Jul 31, 2006 (gmt 0)

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


 1:35 pm on Jul 31, 2006 (gmt 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)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Opera Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved