I have just been testing a web site I have set up in Internet explorer. Works fine in Firefox of course. I have a set of style sheets most of which have a background picture I, the user can select the different style sheets as they please. The style sheets render exactly the same apart from colours and backgrounds, of course the text based version renders differently. Anyway I also have a font size changer so the users can choose the font size best for them. I have 4 settings that range from small, standard, large and Xlarge when i load the large and the xlarge font sizes the bg picture reaches the end of my div which is fine. However when I use the small and standard font sizes the bg picture only covers about 5% of what it should. Perhaps the pictures below will help you understand my issue.
Cheers CHL
Ps the fontsize css only contains font sizes for the classes and ids not background styling.
Problem: http://www.webquark.co.uk/project/problem.bmp
Working on the larger font size: http://www.webquark.co.uk/project/working.bmp
What it looks like in firefox working: http://www.webquark.co.uk/project/firefox.bmp
Heres my css that sets the bg:
.content{ background-image: url(springBG.jpg);/**Change for season**/ background-attachment:fixed; background-position:top center; background-repeat:no-repeat; font-family: Calibri, Ariel, sans-serif; }
Hi I have found the problem I needed to set the height of the div. For those who mentioned this I have added a point to your rep and thanks for the advice 😀
CHL
CSS: