Opera Browser Issue...

He has: 57 posts

Joined: Dec 2004

When I build a webpage and view it in different browsers it always look the same in each one (with the expected slight differences of course) until I view it in the Opera browser.

The Opera browser sets a margin (of approx. 10 pixels) all the way around the outside of the entire webpage including the bottom which can distort the page especially when using background images for tables. Of course... I hate this.

In my style sheets I always have the following code:

body style="margin:0;" ... and I've also tried,

margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;

I also include the following code in my pages for all tables:

cellspacing="0" cellpadding="0"

How can I get this outside spacing to go away?

Thanks for any feedback.

teammatt3's picture

He has: 2,102 posts

Joined: Sep 2003

Have you tried doing

body {
margin:0px;
padding:0px;
}

I think Opera is adding padding to the body, so that should fix it.

Roo's picture

She has: 840 posts

Joined: Apr 1999

Yes, I found I needed to add the px for Opera...just add px alongside your 0 and it should work fine.

He has: 57 posts

Joined: Dec 2004

Well now here's an interesting tidbit. Your suggestions worked fine... in html. However, it didn't work for php files.

Weird eh?

Any other suggestions for php?By the way, thanks a million for your suggestions, I'm going to implement then in my webpages from now on.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.