I am working on a site where the window background is set to be a color and the page background is an image that does not scroll. No matter what I try or how I set the heights in the inspector the page background will not fill the height of the page. In looking at the attached site, the light color background actually extends below the footer text in FW but when published does not.
Thanks for any suggestions!
Do everything as you did before (color on body which is the window-bg in inspectors second tab, and the pattern for the #PageDiv which is the page-bg in inspectors second tab) and remove ALL extra styles you created.
Then have a look on inspectors first tab:
Format, Size: the lil icon in the mid of the right column:
I suppose that this is “greyed out” and the value in there is unreachable. Correct?
Click the icon that the value is reachable and re-up this again. Adjust that height if necessary.
The point is simple:
The page has an attribute of min-height: 100% by default which is useless in an “Absolute Positioned Items” (layered) construction. By doing the above, you give your page a height-attribute which is needed here.
Thanks Walter, I added the #PageDiv style and had to also add the page height in px to get it to fill the page. What do I need to add to get that image background to not scroll with the page? I assume it is: position:?
Seth
On Jul 3, 2013, at 8:04 AM, Walter Lee Davis email@hidden wrote:
If you try this, remember, it’s #PageDiv, not #pageDiv. CSS is case-sensitive…
Walter
On Jul 3, 2013, at 6:25 AM, Richard van Heukelum wrote:
Ahhh … you wanted just the page, NOT the window. My mistake
Well … just apply the CSS to #pageDiv in stead of body.
I tried this but that box already had the page height set at 2000px, I also tried taking out the 100% height (in the box above that) but that didnt help either. Walter’s suggestion worked but I had to add the height in the style…. It’s all a bit confusing
Seth
On Jul 3, 2013, at 10:24 AM, Thomas Kimmich email@hidden wrote:
Do everything as you did before (color on body which is the window-bg in inspectors second tab, and the pattern for the #PageDiv which is the page-bg in inspectors second tab) and remove ALL extra styles you created.
Then have a look on inspectors first tab:
Format, Size: the lil icon in the mid of the right column:
I suppose that this is “greyed out” and the value in there is unreachable. Correct?
Click the icon that the value is reachable and re-up this again. Adjust that height if necessary.
The point is simple:
The page has an attribute of min-height: 100% by default which is useless in an “Absolute Positioned Items” (layered) construction. By doing the above, you give your page a height-attribute which is needed here.
A good time to remind everyone that attachments of any kind – even that little GIF of your logo in your e-mail footer – will get your message bounced from the list. Post it somewhere public, and provide a link!
Creating extra code for this construction is neither necessary nor recommended. And a quality of pattern is a designing skill of the author and not to be judged by a community (just as a personal note).
BTW:
Avoid as much as possible “graphic-text” such as the footer note. Turn on “show items” in the sidebar (for a better overview) and give all your items semantic (meaningful) names at that time you place it.
This lil page created so far 31! extra styles - unbelievable - OK due to Freeway sometimes. Sort them all out, they are mostly style fragments.
I did once a screencasts (unnecessarily way too long, I’ll recast this as far as I have time). Watch it in a silent minute:
Creating extra code for this construction is neither necessary nor recommended. And a quality of pattern is a designing skill of the author and not to be judged by a community (just as a personal note).
BTW:
Avoid as much as possible “graphic-text” such as the footer note. Turn on “show items” in the sidebar (for a better overview) and give all your items semantic (meaningful) names at that time you place it.
This lil page created so far 31! extra styles - unbelievable - OK due to Freeway sometimes. Sort them all out, they are mostly style fragments.
I did once a screencasts (unnecessarily way too long, I’ll recast this as far as I have time). Watch it in a silent minute:
