Opera hates the body margin

[jag5311]

Ok at this link
http://www.btkdesigns.com/seemac/seemac-test.htm

I have a simple style sheet saying

body {
margin: 0;
}

Thats it, yet Opera still gives the page padding. Any reason?

Thanks
Bryan

[DaveMaxwell]

You need to add padding: 0; because Opera adds padding to the body by default.

[jag5311]

Thanks Dave, I appreciate it.

That is why I love this place, quick help when you need it.

However, that is why I hate the internet (ok, i don't)

Off Topic:


Off topic somewhat, everyone seems to say you have to do this and that for IE because it doesn't comply, but truth is, EVERY browser has something has something with it that has to have special attention, correct?

Thanks
Bryan

[vgarcia]

Off Topic:


Off topic somewhat, everyone seems to say you have to do this and that for IE because it doesn't comply, but truth is, EVERY browser has something has something with it that has to have special attention, correct?

Yeah, every browser has their quirks. However, this particular case is just an idiosyncracy of Opera and not a violation of standards. The spec itself is open regarding how body spacing is to be implemented by default.

[jag5311]

what about my footer. I want it to be placed on the bottom of the browser window. I have in my css style sheet for

div#footer {
bottom: 0px;
}

I actually have more, but I would think that is the main one when getting the footer to sit on the bottom of the page. Right now, IE is the only browser to place it on the bottom of the window.
http://www.btkdesigns.com/seemac/seemac.htm

Thanks
Bryan

[vgarcia]

what about my footer. I want it to be placed on the bottom of the browser window. I have in my css style sheet for

div#footer {
bottom: 0px;
}

I actually have more, but I would think that is the main one when getting the footer to sit on the bottom of the page. Right now, IE is the only browser to place it on the bottom of the window.
http://www.btkdesigns.com/seemac/seemac.htm

Thanks
Bryan

Um, it doesn't place it at the bottom of the window (see attached). Also, bottom: 0; would place it at the bottom of the body of your page, not the window.

[jag5311]

thanks,

ok, what do I need to do to place it at the bottom of the window, or is where its at the best it will do?

[vgarcia]

Position: fixed; and bottom: 0; will work, but not in IE.

[jag5311]

So my current method works in IE, but for it to work in other browsers, I make the change, but then it won't work in IE Nice