20JunCSS + id’s + classes + IE = #*?!?

I hate having to change my code just for IE.

The link to the active section in the main menu used to be highlighted using id=”currentmenulink”. Pretty standard stuff. It works fine….until you try to give each “current page link” unique class attributes and use CSS to give them unique backgrounds or images, like so:
a.UniqueLinkClassName1#currentmenulink {…}
a.UniqueLinkClassName2#currentmenulink {…}
a.UniqueLinkClassName3#currentmenulink {…}

or so:
a#currentmenulink.UniqueLinkClassName1 {…}
a#currentmenulink.UniqueLinkClassName2 {…}
a#currentmenulink.UniqueLinkClassName3 {…}

Both of those methods work fine Firefox and Mozilla, but IE will only recognize and parse the FIRST entry from the CSS file/section and will just ignore the rest. I actually had to change the order they were written to notice this.

I can’t believe I had to change something AGAIN just for IE.
The menu generator now adds a unique number to the tag’s ID just so the CSS is backwards compatible for IE….yes..”backwards compatible”…because that’s exactly what Microsoft Internet Explorer is: Backwards!!!
#menu #mainmenuitems ul li a#currentmenulink1 {…}
#menu #mainmenuitems ul li a#currentmenulink2 {…}
#menu #mainmenuitems ul li a#currentmenulink3 {…}

Leave a Reply




flickr stream

California ufo / drone california ufo / drone (raw picture) 1 03092007217-001 California ufo / drone 4 Obama/clinton 26022008075 California ufo / drone california ufo / drone (raw picture) 4

Random Gallery Image

Niagara Falls at Night Niagara Falls Shoelaces Hobby Merger no-country-mcain.jpg The passage Inside of Karnak Elementary

Most Recent

Bush no-country-mcain.jpg lego-mohammed.jpg mbaside.jpg

Calendar

July 2008
M T W T F S S
« Jun «-»  
 123456
78910111213
14151617181920
21222324252627
28293031