On Jul 22, 2011, at 7:17 AM, Alan Gresley wrote:

Delete the whole declaration block of _body:after_ and amend these two style blocks.

.livebar {
  width: 770px;
  min-height: 100%;
  overflow: auto;
  margin: 0px auto;
  background-color: #626862;
}
* html .livebar {
height: 1%; /* For IE6 since overflow: auto does not trigger hasLayout */
}

Alan: if you don't mind, a few questions about this code? I've been tinkering and entering what you supplied above a line at a time to get a feel for what each bit does.

Why'd you go with width: 770px? I was thinking my smallest likely monitor would be 1024, and if they had a larger monitor and could widen that, THEN they'd see the lighter background to either side. Just wondering if yours was an aesthetics decision or had some other code-based reason?

Also, the *html .livebar bit....that is IE-specific, I'm getting, but how does one even know what to drop in there? I guess years of getting knuckles scraped by Explorer? Or, is there a repository of such things?

Thank you and the others for helping me on this problem. It's been a huge education!

John
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to