Note that there are some explanatory texts on larger screens.

plurals
  1. POVery Strange CSS problem on Internet Explorer. I have no idea what is wrong!
    primarykey
    data
    text
    <p>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. </p> <p>Cheers CHL </p> <p>Ps the fontsize css only contains font sizes for the classes and ids not background styling.</p> <p>Problem: <a href="http://www.webquark.co.uk/project/problem.bmp" rel="nofollow noreferrer">http://www.webquark.co.uk/project/problem.bmp</a></p> <p>Working on the larger font size: <a href="http://www.webquark.co.uk/project/working.bmp" rel="nofollow noreferrer">http://www.webquark.co.uk/project/working.bmp</a></p> <p>What it looks like in firefox working: <a href="http://www.webquark.co.uk/project/firefox.bmp" rel="nofollow noreferrer">http://www.webquark.co.uk/project/firefox.bmp</a></p> <p>Heres my css that sets the bg:</p> <pre><code>.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; } </code></pre>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload