how to style dynamically created elements in IE

[jaschulz]

I have posted an example page at:

http://www.wiseware.com/test

that shows a problem with the way IE7 handles (or rather, refuses to handle) styles applied to dynamically created elements. The page loads perfectly in FF2, Safari 3 and Opera 9, but I cannot find anyway to get IE7 to do it right (a very old story, I know).

Any ideas?

Thanks,

JAS

 

[yngjzy12]

Try:

if (divClass) {
   oDiv.className = divClass;
}

 

[jaschulz]

OK, that fixed the problem in Div1. (And I have updated the example file at:

http://www.wisewasre.com/test

to show that.) Thank you very much.

However, (and I am sorry to seem greedy) I need the dom technique (in Div2) to work as well if that is possible. The problem there seems to be only with the cssFloat style. Is there some way to persuade IE to apply that style correctly?

JAS

 

[BillyRayPreachersSon]

Neither IE6 nor IE7 support the "cssFloat" property. They both use "styleFloat" instead:

http://msdn2.microsoft.com/en-us/library/ms530755.aspx

So something like this should work:

if (newBDiv.style.styleFloat) {
	newBDiv.style.styleFloat = 'left';
} else {
	newBDiv.style.cssFloat = 'left';
}

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Or, to put it another way:

newBDiv.style[(newBDiv.style.styleFloat === undefined ? 'cssFloat' : 'styleFloat')] = 'left';

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[jaschulz]

Not quite "putting it another way" because the second way works whereas the first one doesn't.

Thanks very much,

JAS