View Full Version : background images cut on window resize

Mar 6th, 2012, 02:09 PM
if i resize the browser window then scroll , anything that is a css backround is cutted, i join a file so you can understand.


so the black color of the footer goes 100% but now is cutted.

Mar 6th, 2012, 02:15 PM
Impossible to help without a link to your page (preferably) or your full html and css.

Mar 6th, 2012, 02:17 PM
there: UU

Mar 6th, 2012, 02:53 PM
Have a try with:

<div style="" id="footer">

<div style="margin: 0pt auto; position: relative;">
<div style="position: absolute; margin-top: -24px; right: 0pt;">


div#lang_default {
background: url("../img/menu_lang_default.png") repeat scroll 0 0 transparent;
cursor: pointer;
float: right;
height: 19px;
margin-top: 1px;
/*position: absolute;*/
width: 95px;
z-index: 11;

That way the "Langue" tab does not stick out and there are no horizontal scrollbars down to about 954px wide, when a scrollbar appears because of the width here:

ul#topnav {
background: none repeat scroll 0 0 white;
position: absolute;
width: 916px;
z-index: 55;

Lose that width as well - try making it a percentage width - and there's no scrollbar down to about 630px.

Mar 6th, 2012, 03:46 PM
nothing helpful in your code, i would say a load of cr**

Mar 6th, 2012, 08:08 PM
Well, I have to say in three years that's the rudest reply I've ever had.
Well done.
I've no intention of explaining further, and would suggest others do not bother either.