Comments on: hr height > 100px; a new IE bug?

By: Dave Woods

Dave Woods — Wed, 27 Feb 2008 09:55:05 +0000

Horizontal rule’s are a bit of a headache anyway when it comes to even the most basic styling so I’m not surprised you’ve had problems trying to do this.

As has already been suggested, I’d probably wrap the hr in a div, hide the hr and then style the div accordingly.

It’s a similar method to what I use for styling fieldset’s and legend’s consistently.

By: Peter

Peter — Wed, 27 Feb 2008 08:44:14 +0000

@ gRegor: Good point, I wouldn’t need the conditional comment. I’d prefer not to need the div, but I suppose that’s the best solution.

@ Devon: I’d love to think they considered it and decided against it, but somehow I doubt that…

By: Devon

Devon — Tue, 26 Feb 2008 23:22:20 +0000

If they already know about this, they probably didn’t fix it because it uses a deprecated element or because it’s rarely used? Either way, I find this very interesting and a good thing to be aware of.

By: gRegor

gRegor — Tue, 26 Feb 2008 23:00:35 +0000

That’s odd indeed; I have not come across that before, but I rarely use the hr element.

No conditional CSS should be necessary; why not apply the styles to the div element and apply the display: none to the enclosed hr element. Then when CSS is off the hr element will display normally, surrounded by an un-styled div element.

P.S. I tried to use my ClaimID OpenID to leave this comment; after logging in it came back and gave me a 406 Not Authorized error.

An appropriate representation of the requested resource /wp-login.php could not be found on this server.