Posted by BootNic on 11/26/06 04:04

> patrick j <patrick@jamesnews.orangehome.co.uk> wrote:
> news: 0001HW.C18E51B3003538E1B04A594F@News.Individual.Net
> Hi
>
> I'm wondering why my horizontal navigation lists don't align at the
> left in Opera as they do in IE6, IE7, Safari, Firefox and iCab?


minium font size


[snip]

> The font size for the body is 100% but in the navigational lists it is
> reduced to 80% and 70%.

>
> The max-width for the main part of the text is 42em and the max-width
> for the first navigational list is with 80% text size is 52.5em, the
> max-width for the second navigational list with 70% text size is 60em.


My Webpage Normal text = 14px
My minimum font size = 14px
nav001 suggest font size 11.2px, my font size 14px
nav002 suggest font size 9.8px, my font size 14px

nav001 max-width = 52.5em, wider then 42em
nav002 max-width = 60em, wider then 42em

> This produces perfect alignment on the left with every browser I've
> tried except Opera.

This sample has the same issues in my FF as my Opera for the same
reason.

Suggested fix:
leave the font-size on the UL at 100%, set the max-width to match
your mainstuff max-width. If you wish to suggest a font-size of
80%/70%, set it on the UL LI, then make what ever adjustment you may
need to the rest of the css.

--
BootNic Saturday, November 25, 2006 11:03 PM

It is well known that "problem avoidance" is an important part of
problem solving. Instead of solving the problem you go upstream and
alter the system so that the problem does not occur in the first
place.
*Edward de Bono*

[Back to original message]