There is something I'm not getting about appliying/implementing this.
I've read a couple of links discussing it, and I see how you can
manipulate text in a number of useful ways..
but I don't get how I can make my center (content) column go as far,
visually as the browser window is open, and enable scrolling, and not
have the center column color simply end when the browser window is
made shorter.
If this pseudo tag idea is the key, I'm not gettin' it.
thanks for shedding any light on this for me!
John
Approach the problem differently. You want a differently colored
background to your content, right? Try adding some content with
position:fixed with a negative z-index to force it behind the content.
Then, it's still only the height of the viewport, but it doesn't move
when you scroll.
body:after {
content: ".";
font-size: 0;
display: block;
position: fixed;
top: 0;
left: 50%;
width: 770px;
height: 100%;
margin-left: -385px;
background-color: gray;
z-index: -1;
}
This way has the added benefit of removing an element from your
content that was only there for presentation anyway.
--
______________________________________________________________________
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/
