Posted by patrick j on 11/25/06 20:01

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?

A URL with both of the horizontal lists is here:

<http://www.patrickjames.me.uk/bicycle/mymoultons.html>

The link for "Hello" should align with the link for "My Moultons" and
both of these should align with the text in the main part of the
web-page.

The CSS is here:

<http://www.patrickjames.me.uk/mylifestyles.css>

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.

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

As an aside IE6 has a conditional comment specifically for it which has
fixed width declarations in a separate style-sheet.

--
Patrick
Brighton, UK

<http://www.patrickjames.me.uk>

[Back to original message]