Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

Summary:

Just when you've fixed one problem...

Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

wstone 1257540155|%e %b %Y, %H:%M %Z|agohover

I have been redesigning one of my sites and in the process changed my menu system. IE was displaying some collapsed menu buttons badly so I changed how they were collapsed.

I was quite proud of this: http://www.havemycv.com/test:me
This uses just CSS styling to make the drop-down menus. Unfortunately, now it turns out that IE can't understand "active" from this line: #side-bar li:active (CSS is on the page, it's at the bottom).

So now I have to have it activate by simply hovering http://www.havemycv.com/ :(

It really is a case of banging yer head against a brick wall with Internet #&*!%$ explorer…

… AHHHHH!

---

tHEdODGYmONKEY
Projects: Riki: the wiki for R | Have My CV .com | UrCheatz.com | Monodot-Template | Cocktails | Modern Warfare 2 Wiki

last edited on 1257556861|%e %b %Y, %H:%M %Z|agohover by Ed Johnson + show more

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

leiger 1257548795|%e %b %Y, %H:%M %Z|agohover

When you first started modifying the theme I had a look and was impressed. Now when I have a look again, it's even better. Great job with the theme! :) Are you planning to add it to themes.wikidot.com? I'd definitely like to use it! :)

And you're right — I just tested it in IE8 and the drop-down menus don't do anything when you click on them. I like how they behave in Firefox though (closing the menu back up when you move the mouse away)

---

— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40

Automatic code replacement — Rate it up!

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

wstone 1257761340|%e %b %Y, %H:%M %Z|agohover

Are you planning to add it to themes.wikidot.com? I'd definitely like to use it! :)

I'd rather keep it unique th HMVC and HMR. If / when I decide to change the design, then I'll put it on the themes page :)

---

tHEdODGYmONKEY
Projects: Riki: the wiki for R | Have My CV .com | UrCheatz.com | Monodot-Template | Cocktails | Modern Warfare 2 Wiki

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

leiger 1257766227|%e %b %Y, %H:%M %Z|agohover

That makes perfect sense :)

---

— Shane | Blog | CycloDS Revolution | Compatibility List | Want me to manage your next wiki? | XBL: leiger40

Automatic code replacement — Rate it up!

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

Ed Johnson 1257557732|%e %b %Y, %H:%M %Z|agohover

So now I have to have it activate by simply hovering http://www.havemycv.com/ :(

Bummer. I just peeked at your site (after fixing your link - you had www/havemycv instead of www.havemycv) and have to say I think the expanding and collapsing by hovering is annoying.

Maybe you can punish just the IE users by using some browser-specific coding tricks and putting your old code back for the rest of us. I haven't done much of this, but this site has a good article about one of the techniques:
http://css-tricks.com/how-to-create-an-ie-only-stylesheet/

-Ed

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

wstone 1257592463|%e %b %Y, %H:%M %Z|agohover

I looked into this but I don't know how easy this'll be on wikidot.

Thanks for changing the link… As you could probably tell: I was annoyed :)

Update: I only briefly read that article you mentioned but I think one needs to be able to edit the actual html because I tried the if statements: http://www.havemycv.com/test:me and now both FF and IE cannot open the menus.

---

tHEdODGYmONKEY
Projects: Riki: the wiki for R | Have My CV .com | UrCheatz.com | Monodot-Template | Cocktails | Modern Warfare 2 Wiki

last edited on 1257593227|%e %b %Y, %H:%M %Z|agohover by wstone + show more

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

Ed Johnson 1257786776|%e %b %Y, %H:%M %Z|agohover

Duh! Sorry. I looked at it too fast and was thinking those if statements were part of the CSS code and not the HTML.

I know there's other CSS hacks for browser-specific code. I can't track it down at the moment, but I recall it involves certain prefixes that only specific browsers will parse.

-Ed

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

wstone 1257787970|%e %b %Y, %H:%M %Z|agohover

ok. I'm probably going to get rid of the drop down menus anyway. Unfortunately, people do use IE and so I don't want it to look bad on that browser just so it can look good on everyone else's.

Thanks for trying to find a solution though.

---

tHEdODGYmONKEY
Projects: Riki: the wiki for R | Have My CV .com | UrCheatz.com | Monodot-Template | Cocktails | Modern Warfare 2 Wiki

last edited on 1257788333|%e %b %Y, %H:%M %Z|agohover by wstone + show more

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

Ed Johnson 1257789649|%e %b %Y, %H:%M %Z|agohover

I just found one of the hacks:

Placing an asterisk in front of the property makes it work only with IE. For an exaggerated example:

#page-title {
    height: 50px;
    *height: 500px;
}

Just be sure your IE-only code follows the non-IE code or it won't work. This behavior was apparently "fixed" in IE8, unless you have compatibility mode turned on.

-Ed

---

Free Wikidot Applications · Your Shared Photo Gallery · Your Personal Blog

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

RobElliott 1257801403|%e %b %Y, %H:%M %Z|agohover

IE6 hacks begin * html as in for example:

* html #top-bar
    left: 1px;
}

I had to use a number of them here if you look at the bottom of the CSS code.

---

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

James Kanjo 1257851126|%e %b %Y, %H:%M %Z|agohover

No opening bracket?

---

λ James Kanjo | blog | photos | contact

Re: Stupid <beeeeep> Internet Explorer!!!!!!!!!!!!!!!

RobElliott 1257851659|%e %b %Y, %H:%M %Z|agohover

Apologies, twas a typo:

* html #top-bar {
    left: 1px;
}

---