light/dark not working correctly in IE (simple template)

[dc]

i just installed the new 1.4.2 simple template, and i noticed that in IE, the transition from light to dark background (and vice versa) does not work 100%. if you go to my blog http://www.thenextframe.com/index.php?x=about and click dark, only the upper half of the screen turns dark. i've checked out other blogs using the same template and they have the same problem.

i've valideated my CSS in firefox, so is this just an IE thing and thus can't be avoided?

Thanks,
Doris

[rockyrapier]

This is the same problem I was just talking about in a previous post. In IE, if i load the page it doesnt' display any formating. If i switch to dark the formating displays, then i can go back to light and it will still be formated. There is a bar at the bottom of the screen that remains the previous styles colour.

So, If i go back few pictures, switch to dark, then back to light the page is properly formated (its reading the css). I can then advance forward and the page remains formatted, but when i arrive back at the most recent photo it returns to being unformatted. Only in IE though.

I recall someone else talking about this when the update was released.

http://kstashuk.goldeye.info/photo/

[Joe[y]]

dc. i'm sorry. i do not see your problem in IE or firefox. and i'm just confused :( sorry, i'll look into it more. it doesn't make sense to me.


rockyrapier:

when the styleswitch was implemented into the template i worried about it for the same reason but i was told that my problem was probably just a one off.
can you try changing some code for me please and see if this shows an improvement:

change

<link rel="stylesheet" type="text/css" href="templates/simple/styles/light.css" title="light" />

to

<link rel="stylesheet" type="text/css" href="templates/simple/styles/light.css" />


this is a long shot but i hope it helps. (removing title attributes from rel links should make them default in IE.

[dc]

Joey,

Thanks for looking into it. Do you use Mac? This problem only shows up on IE on PC. :cry:

[Joe[y]]

i use a pc.


i can only assume IE sometimes has problems understanding the background-color: tag in css. as it is probably this which defines the colour you miss.


try in light.css or dark.css changing background-color: in body to simply background:

hope this helps.

[steff]

I see the problem described by dc.
I have IE 6.0.2900.2180 and Windows XP SP2: the style switches from light to dark only downto the copyright line; below that line, the background color remains unchanged.

[dc]

i tried changing the code from background-color to background but that didn't work. when i hit refresh though, the background color will update completely. very strange.

[acanay]

i just installed the new 1.4.2 simple template, and i noticed that in IE, the transition from light to dark background (and vice versa) does not work 100%. if you go to my blog http://www.thenextframe.com/index.php?x=about and click dark, only the upper half of the screen turns dark. i've checked out other blogs using the same template and they have the same problem.

i've valideated my CSS in firefox, so is this just an IE thing and thus can't be avoided?

Thanks,
Doris

I see everything fine ! no problems with IE
robb

[Joe[y]]

ok. i still don't understand this problem but i gather it's now a bug (with IE if not with us!).


i'm going to look into replacing the javscript for the styleswitcher into a php script. see if this makes any difference.

[Connie]

I think the reason could be that background-color is a CSS element which can't be inherited

so it must be defined for all elements separately

I did not look into the code, but maybe that is the reason:
one variant is default background-color, so no problems
other variant must be changed and some elements don't have this CSS-attribute?
could that be?

[Joe[y]]

I think the reason could be that background-color is a CSS element which can't be inherited


this can't be the problem. using your fave little web developer tool connie ;) with firefox i highlighted the block elements just to check that i was right and it shows that the area in question is not an element but just an area of background. so if css is not being 'inherited' then it is the background: variable for 'body'. but we know IE understands this bit of CSS because when you refresh the page it fixes the problem. so alas i'm stumped for a solution as i do not understand why it is only IE that suffers the problem - if it were a problem with the javascript then surely all browsers would have the same problem.

:cry: