More IE woes: the curved corner DIV

In my current efforts to adhere to div-only layouts, it was expected that I would eventually get to a sticky point.

I’m not used to hacking CSS, so progress for me has been slow. Hacking CSS is something of an unnatural process, particularly when you feel most comfortable you’re coding pages fluently from a design.

Of course, it’s not the CSS that’s the problem, it’s the browsers. Or perhaps I should say, the browser. For as Dunstan shows, curved corners are not especially difficult with selectors. It’s good old Internet Explorer that has the issues.

The Microsoft response is particularly horrid, manifested in an abhorrence of nested divs. As someone later pointed out, the whole point of good CSS is that unnecessary markup is removed.

“The drawback to this solution,” owns MS’ Markus Mielke, “is that the code can be difficult to read, and you can end up with convoluted HTML that’s hard to maintain. The DIVs really have no reason to be in the code other than to provide insertion points for each corner, since you can’t put all the images in one DIV.” But that’s his solution, over and above which he suggests we try Google. Great.

If you can get past the invective that was hurled at this by way of response, you certainly find some alternatives that do cater for IE in this particularly thorny area. Though it contains some javascript workings, Alessandro Fulciniti’s “Nifty Corners” solution is one of the tidiest, with Roger Johansson’s cross-browser and transparency effort one of the cleverest.

Finally, a good little tool to help overcome the alien div-only methodology are fu2k.org’s layout test pages- very handy for figuring out the whats and the whys!

Comments

No responses yet to More IE woes: the curved corner DIV

Why not give me your comments?

See also:

Solution to nested DIV float problems

Nested floated div breaks wrapper!

This item is now out of date. See the updated version. I recently discovered a CSS hack that has come in very handy indeed since. The problem arises in both Firefox and ...

  • Originally published: 12 Sep 2005 in Technical

Am I a DIV or what?

Kelmscott by Bronwen Hodgkinson on csszengarden.com

Little by little, I’m being dragged into the 21st century (no coincidence that my boss’ name is Little) of CSS. Bronwen Hodgkinson’s beautiful “Kelmscott” design at csszengarden.com I’ve been doing CSS layouts ...

  • Originally published: 28 Jul 2005 in Technical

Flash is 10

Flash icon

Flash is ten years old, as the BBC reports, and for any Internet technology still around after a decade that’s a considerable achievement. When I started out in web design, it ...

Accessibility and web applications

What AJAX is not

What AJAX isn’t, in this context Over the last couple of years, we’ve seen a significant leap forward in computing technologies and on one side of the coin, for the first ...

  • Originally published: 21 Sep 2006 in Technical

The GUI to top all GUIs?

The Chrysler Building as seen from GoogleEarth

If you haven’t yet taken a look at the extraordinary Google Earth, then I suggest you do so. It’s a web-enabled desktop app that takes Google Maps to another level entirely. ...

Who is that guy?

Photo of Mike Padgett

Hello you. I'm Mike Padgett and I work in the technology sector as an Information Designer.

I also enjoy travel, concerts, films and walking.

I'm based in Brussels, Belgium. My current favourite Belgian beer is St Feuillien Brune.

RSS feeds