Springload - Backgrounds Disappear on Horizontal Scroll

James Player - Sorry Reg I decided I...

Wed, 28 Jan 2009 12:19:19 +1300

Sorry Reg I decided I had to fix this site with your code. One challenge was getting the 1px thick border to behave on the footer. I had to give .narrow_display_fix the same borders as #footer, but since .narrow_display_fix is inside #footer the borders were doubling up. The answer was to giv

C.Perry - How do you add a...

Mon, 12 Sep 2011 11:05:42 +1200

How do you add a background image to this type of site? I have a layout i created for the specific site

Rich - @Xacto01 - surely a...

Fri, 09 Sep 2011 21:26:55 +1200

@Xacto01 - surely a liquid layout would fill the screen anyway, regardless of size. That way all your backgrounds would dynamically expand... I have yet to see a liquid layout requiring horizontal scrolling except at stupid (less than 100px) widths. Re-posted as the comment didn't like the less t

Xacto01 - This works great if you...

Fri, 29 Jul 2011 09:57:36 +1200

This works great if you know what size your content will be and you can force the size of the container. For all of us with liquid layouts, what would the proposed solution be? Lets assume the content will be wider than the the siblings in the same container. How can I get those siblings to

MelpSolerry - learned a lot

Sat, 08 Jan 2011 23:38:56 +1300

learned a lot

Dan - Sweet, thanks! you just...

Mon, 16 Aug 2010 17:08:58 +1200

Sweet, thanks! you just saved me a tonne of time tracing down the root cause of the disappearing background issue. Cheers, Dan

Mario - Thanks! I always...

Tue, 22 Jun 2010 09:27:21 +1200

Thanks! I always wondered on how to fix this issue. You need to apply it to your green line on the top of the page

Johan - Eventually it worked for...

Tue, 20 Oct 2009 12:24:42 +1300

Eventually it worked for me both in IE6 and FF3. Sample code CSS: div#narrow_display_fix { width: 926px; } div#footer { width: 100%; min-width: 926px; /*FireFox*/ align: center; text-align: center; } html { background-color: #FFF } /*also ne

Johan - PS : Problem described...

Thu, 15 Oct 2009 12:46:52 +1300

PS : Problem described above occurs in Firefox 3.5 (in IE the solution of Reg works great)

Johan - This solution leads to a...

Thu, 15 Oct 2009 12:13:52 +1300

This solution leads to a problem when you want the footer-text always to be centered in the middle of the window and the window is greater then the fixed footer width. With a footer width of 925px and a window width of 1280px, the footer text will not be in the center of this window. Why is

Reg Sime - True Josh. If you...

Fri, 27 Mar 2009 13:32:24 +1300

True Josh. If you prefer to use min-width you'll need an IE6 specific stylesheet with an expression along the lines of: #footer {width: expression(this.width < 925 ? 926 : true);}

Josh - I've had this issue...

Thu, 05 Mar 2009 08:08:07 +1300

I've had this issue also, and fixed it by putting a min-width on the offending div (in your case, the footer). No extra divs needed.

John - Tnx, saved my day ... :)

Wed, 11 Feb 2009 02:55:04 +1300

Tnx, saved my day ... :)

Andy - Amazing!!! Such a...

Sun, 18 Sep 2011 07:27:20 +1200

Amazing!!! Such a simple fix for what was a right ol niggly one