Welcome to WebmasterWorld Guest from 54.167.46.29

Forum Moderators: open

Message Too Old, No Replies

Opera 8

     
5:52 am on May 14, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 29, 2005
posts:169
votes: 0


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 :)

2:57 pm on May 14, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Mar 21, 2003
posts:245
votes: 0


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 :(
3:01 pm on May 14, 2005 (gmt 0)

New User

10+ Year Member

joined:June 14, 2003
posts:9
votes: 0


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!

4:07 pm on May 14, 2005 (gmt 0)

Senior Member from CA 

WebmasterWorld Senior Member encyclo is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 31, 2003
posts:9063
votes: 2


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.

7:33 pm on May 14, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 29, 2005
posts:169
votes: 0


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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members