troubleshooting Question

impossible css question!?!? elements outside a centered container.

Avatar of geordie007
geordie007 asked on
3 Comments1 Solution325 ViewsLast Modified:
hi experts

i have a horrible feeling this isn't possible, but...

i have a design where the page is centered in the browser window. i have a left hand column in this page that contains headers. each of these headers has a bottom border. all of what i've just said is as easy as easy can be. now comes the hard bit...

i want that border to continue to the left for infinity. in other words, no matter how big your browser window, the border of that header will always start at the left hand side of your window, and continue up to the page, under the header text, and terminate at the end of the left column (that contains the heading).

i managed to do this within minutes, getting it to work exactly right in firefox and ie7, BUT it doesn't work in ie6. i guess i can see why, as - obviously - to the center the site correctly, i have an outer container with a fixed width and left and right margins set to auto, so there is an argument to say anything to the left or right of this container (the border in other words) wouldn't be seen, but firefox and ie7 disagree.

anyone have any ideas? i really don't think it's possible, so prove me wrong! you can see my test page here:

thanks in advance
Join the community to see this answer!
Join our exclusive community to see this answer & millions of others.
Unlock 1 Answer and 3 Comments.
Join the Community
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 3 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros