Jordan Peterson wrote:[color=blue]
> I'm trying to put a vertical blue stripe with a black border on this
> page that will remain colored even if the page is scrolled in the UA.
>
>
http://maba.org/new/homeproducts/[/color]
You have way too much markup and CSS. It won't get any better, if you
just add more and more markup.
[color=blue]
> As you can see, the stripe is there, but Gecko only draws it for the
> initial viewport and chops it off if one scrolls down. MSIE stops
> drawing the background color at the end of the last link on the left side.[/color]
Add this to the end of your CSS, and get rid of div.body-box, as latter
causes collapsing margin thingy you don't want. (and which most likely
doesn't work with IE, and maybe not in Gecko either, so do it anyway...)
body {margin:0;padding:0;background:blue;}
div#main
{
background:#fff;
position:static;
margin-left:141px;
border-left: 2px black solid;
width: 440px
}
Replace blue with correct shade. I have not tested in IE, but you should
get the idea. As you didn't ask about that 1px white stripe, I assumed
you didn't need it to go to down. It is possible too, but a tiny bit more
complicated.
[color=blue]
> I've messed around with the stylesheet to no end[/color]
I can see. You should always save versions, so that when you get the
solution working, you don't need to use hours for removing all
unnecessary styling. There is at least 2 pagefuls of useless CSS.
[color=blue]
> Am I missing something here?[/color]
Lots. You are also using px unit to measure text width. No good, use em
instead.
--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
I'm looking for work | Etsin työtä
CSS equivalent of a repeating 1px-high image for a vertical backgroundstripe? 
