Opera 8

[Stormfx]

Someone mentioned how 'good' Opera 8 was, so I decided to peek myself. It loads fast, has a smooth interface, but I needed to test it on CSS. So I open my evil non-hacked test page. For the most part, everything was expected. But I noticed (something I've apparently never noticed before): Opera doesn't render the body {margin: ..} selector right. For example, to have no margin, you have to apply the margin: 0; to the html tag. Now, I understand inheritance, but that's plain stupid.

I do so love Firefox :)

[futureX]

I think that problem has been around for a while, i seem to remember designing a few websites and checking them in Opera to find I had to add the extra tags to get rid of the margin. Very strange behaviour, plays hell with validation :(

[tobyink]

Opera uses BODY's "padding" to describe the guttering around the edge of the page -- not "margin".

If you think about it it's far more sensible -- after all, the guttering takes the same colour as the BODY itself, so it can't be margin!

[encyclo]

As tobyink has rightly said:

body {
margin:0; /* for Mozilla/Firefox, Safari/Konqueror and IE */
padding:0; /* for Opera */
}

Yes, Opera's implementation may be more logical but it does have the disadvantage of being inconsistent with other browsers.

[Stormfx]

Actually, in Opera 8 when I tried it, I had both margin and padding specified. But when I added 'html' to the selector, it worked. /shrug

It's not a big deal, at least it's fixable. As far as margins/padding go, it's not like any browser actually renders them correctly, anyhow.