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

Summary:

Just when you've fixed one problem...

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

wstone 06 Nov 2009 20:42

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!

---

FlamePad.com

Last edited on 07 Nov 2009 01:21 by Ed Johnson + Show more

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

leiger 06 Nov 2009 23:06

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 Smith ★ Website: Wikidot Development & Programming. ★ STE Wikidot Editor: Windows. Mac. Linux. ★ Twitter. Google+.

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

wstone 09 Nov 2009 10:09

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 :)

---

FlamePad.com

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

leiger 09 Nov 2009 11:30

That makes perfect sense :)

---

Shane Smith ★ Website: Wikidot Development & Programming. ★ STE Wikidot Editor: Windows. Mac. Linux. ★ Twitter. Google+.

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

Ed Johnson 07 Nov 2009 01:35

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 07 Nov 2009 11:14

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.

---

FlamePad.com

Last edited on 07 Nov 2009 11:27 by wstone + Show more

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

Ed Johnson 09 Nov 2009 17:12

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 09 Nov 2009 17:32

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.

---

FlamePad.com

Last edited on 09 Nov 2009 17:38 by wstone + Show more

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

Ed Johnson 09 Nov 2009 18:00

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 09 Nov 2009 21:16

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.

---

Rob Elliott - Strathpeffer, Scotland - member of the Wikidot first line support team.
Strathview ~ Wikidot-based wikis, websites & intranets and online database development
community groups, villages, charities, business and government.

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

James Kanjo 10 Nov 2009 11:05

No opening bracket?

---

λ James Kanjo
_{Blog | Wikidot Expert | λ and Proud
Web Developer | HTML | CSS | JavaScript}

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

RobElliott 10 Nov 2009 11:14

Apologies, twas a typo:

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

---

Rob Elliott - Strathpeffer, Scotland - member of the Wikidot first line support team.
Strathview ~ Wikidot-based wikis, websites & intranets and online database development
community groups, villages, charities, business and government.