Hey there, I need help with a problem that has me pretty much stumped. I've got a page that has side-scrolling (yes, it has to side-scroll, there's no changing that). I need to make a div expand to the full width of the browser (including side scrolling) so I can make a background image reach all the way accross. Right now, the background image reaches across the browser, but when you side-scroll, the image stops and there's just blank white space after that. Thanks!
http://lostplanet.us/zurcsdomains/subpage.html (only the top orange bar is set to 100% width). The stylesheet may take forever to load as well.
Ah, you have me stumped too. I've come across this problem before and I do remember solving it but can't remember how. Have you tried setting #centered to width: 100%;? Why is it that you must have side scrolling? Also, you might want to add this to your style sheet for less headaches: * { margin: 0; } Code (markup):
#bar actually isn't contained in #centered, so it wouldn't make that much of a difference... I really hate side-scrolling, but my client really wants the wide look since he's on a big resolution.. Oh, and thanks for the tip, I never realized you could do that shortcut EDIT: I realize I used centered twice, the bar was originally contained inside centered but I took it out and started another "centered" div for convenience. If it had actually worked I would've renamed the div.