HELP: CSS- Opera browser bottom margin issue

[jasonchan483]

I created a template but in Opera, the wrapper extends all the way down. In Firefox and IE, it displays it properly, but in Opera there doesnt seem to be a bottom margin.

Anyone know whats going on or if there is a hack to correct this?

http://anbexpress.com/webproof/index.html

[Kravvitz]

Try setting padding on body instead of the margin.

[jasonchan483]

nope, same thing occurs. so strange..

[Kravvitz]

Both of these rules seem to make it display how you want.

#wrapper {
  border-bottom: 1em solid #1f1f1f;
  margin:0;
}
/* OR */
#wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility:hidden;
}

[jasonchan483]

hmmm i suppose that works. its strange how we have to accomodate tricks like these to each individual browser.

thanks for the "hack" kravvitz

[Claudek]

No real reason to do a hack. Did you run your code through a CSS validator ?

[Kravvitz]

jasonchan483, you're welcome. Web browsers are very complicated. There will be bugs and other implementation differences for many years to come.

Claudek, the X/HTML and CSS for that page is valid.