homepage Welcome to WebmasterWorld Guest from 54.226.93.128
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Visit PubCon.com
Home / Forums Index / Browsers / Opera Browser Usage and Support
Forum Library, Charter, Moderator: open

Opera Browser Usage and Support Forum

    
Opera padding on LIs
neophyte




msg:3028286
 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.

Neophyte

 

navjotpawera




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

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

Hester




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

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

neophyte




msg:3033610
 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