Internet and CSS Problems?

[Louis]

I hope this is a right forum for my problem...( I also posted this on
alt.comp.lang.javascript)

I used javascript and DOM to create dynamically nested
<form>/<div>/<input> etc inside a wrapper "DIV". Then I used CSS to
style the elements to achieve the look that I want. I developed this
under Firefox, and it works perfectly.

Then I was asked to make it work under IE. Overall, it looks OK as is
but some elements are mis-aligned. So I decided to tweak CSS to line
them up in IE. That's where my problem started.

I liberally used ID's and class ID's to address the elements inside the
wrapper DIV. When I tried to address an <div> element which I have a
class ID of "twos", IE seems to ignore it. Eg.

form#events div.twos

If I used this format: form#events div, IE can see and style it.

My question: What I really want is to use this selector: twos


I can't find any explanation to this IE problem on the new or books. Do
you have any experience with this problem? Any hack to bypass this?

Thank you.

 

[GTalbot]

I hope this is a right forum for my problem...( I also posted this on
alt.comp.lang.javascript)

I used javascript and DOM to create dynamically nested
<form>/<div>/<input> etc inside a wrapper "DIV". Then I used CSS to
style the elements to achieve the look that I want. I developed this
under Firefox, and it works perfectly.

Then I was asked to make it work under IE. Overall, it looks OK as is
but some elements are mis-aligned. So I decided to tweak CSS to line
them up in IE. That's where my problem started.

Louis,

If you want help, assistance, then try to post an URL. Without an URL,
it's usually impossible to answer a precise question.

Also, try to be specific when speaking of browsers. IE could mean IE
5.5, or IE 6 or IE 7 or IE 8 beta1. There are important differences
between IE browser versions.

I liberally used ID's and class ID's to address the elements inside the
wrapper DIV. When I tried to address an <div> element which I have a
class ID of "twos",

Right here. You say a class ID of "twos". I have no idea what you are
exactly referring to. ... but with an URL, I would figure out what you
actually coded and what happens.

IE seems to ignore it. Eg.

form#events div.twos

If I used this format: form#events div, IE can see and style it.

My question: What I really want is to use this selector: twos

No URL. Unable to answer. Post an URL. Make sure the webpage passes
markup validation and CSS validation.

Markup Validation service
http://validator.w3.org/

CSS validation service
http://jigsaw.w3.org/css-validator/

Gérard