homepage Welcome to WebmasterWorld Guest from 54.145.183.169
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
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

10+ Year Member



 
Msg#: 3028284 posted 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

5+ Year Member



 
Msg#: 3028284 posted 7:08 am on Jul 31, 2006 (gmt 0)

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

Hester

WebmasterWorld Senior Member 10+ Year Member



 
Msg#: 3028284 posted 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

10+ Year Member



 
Msg#: 3028284 posted 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