PDA

View Full Version : Problems with the Webpage Background.



hero2000
28 Jan 2008, 03:53 AM
Im working on a german with Adobe Golive9.

http://www.lift-lifte.de/

Problem the blue background is different on every of the four sites, and I want the same background length. Ideas where to change this?

Wickham
28 Jan 2008, 04:55 AM
Your bottom image megalift.jpg is extending down beyond the bottom of the containing div #main and Firefox is only taking the background image bg.gif down to the bottom of #wrapper which is only going down to the higher bottom of #main while IE7 is taking the background down below the bottom of megalift.jpg and therefore extending the height of #main and #wrapper.

If you put a background-color into #main temporarily you will see what is happeneing in Firefox:-
#main { background-color: skyblue;
clear:both;
padding:1em 1.5em;
}

Put a full-width clearer div at the bottom of #main which has the effect of dragging the height of #main down below the bottom of the image megalift.jpg, which then drags down the height of #wrapper and its background bg.gif.

...........<p><span
class="ds20"><a
href="http://www.aufzuege-lift.de/"><b>http://www.aufzuege-lift.d
e/</b></a></span></p>
<p></p>
<p></p>

<div style="clear: both; width: 100%; height: 0; line-height: 0;
font-size: 0;">&nbsp;</div>

</div>
</div>
</div>
<div id="footer">...............