Another reason to hate IE
Like we need another reason to hate IE. But here it is.
I recently implemented rounded edges throughout Teamwork Project Manager and it's a painful process involving nested divs and workarounds for IE6 glitches.
Today I was procrastinating on Digg.com and I stopped to admire the rounded edges on their notification bar.
I decided to look at the page source to to see their nested divs - are they using 4 nested divs for maximum flexibility bar with rounded edges - 1 div for each corner, or, where they using just 2 divs - one for each side with a height limitation?
The answer perplexed me - They just had something like <div id="announce"><p>Check out...</p></div>.
I thought "they must be using the <P> tag as a container with a background image" so I download their CSS source code and was confounded to see this:
What in the blazes is that? CSS supports rounded edges? My pain was for nought? Could I have just shoved these 2 lines of code in and saved myself hours of work?
In a perfect world, a world without Internet Explorer, then yes, I could. If you are using FireFox, this entire post will have rounded edges. If you are using IE, you'll just see a plain box.
Here you see the same announcement banner in IE - notice anything different?
Here is another example.
I recently implemented rounded edges throughout Teamwork Project Manager and it's a painful process involving nested divs and workarounds for IE6 glitches.
Today I was procrastinating on Digg.com and I stopped to admire the rounded edges on their notification bar.
I decided to look at the page source to to see their nested divs - are they using 4 nested divs for maximum flexibility bar with rounded edges - 1 div for each corner, or, where they using just 2 divs - one for each side with a height limitation?
The answer perplexed me - They just had something like <div id="announce"><p>Check out...</p></div>.
I thought "they must be using the <P> tag as a container with a background image" so I download their CSS source code and was confounded to see this:
-moz-border-radius: 1em;
border-radius: 1em;
What in the blazes is that? CSS supports rounded edges? My pain was for nought? Could I have just shoved these 2 lines of code in and saved myself hours of work?
In a perfect world, a world without Internet Explorer, then yes, I could. If you are using FireFox, this entire post will have rounded edges. If you are using IE, you'll just see a plain box.
Here you see the same announcement banner in IE - notice anything different?
Here is another example.
I hereby confirm, IE sucks.
Tags:
Comments [7]
Peter Coppinger aka Topper is a neurotic web monster who spends most of his chaotic life developing ColdFusion web applications when not drinking himself into a stupor and scheming his plans for world dominance.
