Posted by Nik Coughlin on 05/09/06 06:19

Neredbojias wrote:
> To further the education of mankind, "Nik Coughlin"
> <nrkn.com@gmail.com> vouchsafed:
>
>> Hi, I've run into the Opera mirror margins bug as described here:
>>
>> http://www.quirksmode.org/bugreports/archives/2006/01/mirror_margins.ht
>> ml
>>
>> It's been fixed in Opera 9 but it still produces an ugly gap in my
>> layout in Opera 8. I know it's a small proportion of the market but
>> I am a pedant.
>>
>> The "fix" listed at the page above doesn't work for me, it's not
>> really a fix and it creates its own issues.
>>
>> Does anyone know how to either:
>>
>> Serve CSS to just Opera < 9 *without* browser sniffing as I don't
>> consider it reliable enough, something like the * html hack but for
>> Opera rather than IE
>>
>> or:
>>
>> Work around this bug?
>
> I don't see any "bug" in Opera 8.54. The bottom margin and the
> following top margin simply collapse into one another; if the bottom
> margin is greater than the top margin, its height will establish the
> spacing, otherwise the top margin's height will.

Right, looks like I have to post an url then:

http://nrkn.com/ia/

You'll note that #navigation li has margin-top: 4px;

In Opera, nothing else, just Opera, the #navigation li also has a 4px bottom
margin - it echoes the margin-top (hence Opera mirror margins bug).

Removing margin-top: 4px removes the bottom margin as well. Setting the
bottom margin to 0 has no effect.

Cheers

[Back to original message]