Comments on: IE 7 quirks, round one

By: Paul D

Paul D — Mon, 20 Nov 2006 14:53:51 +0000

I’ve got a weird bug on one site where IE 7 makes random list items in an unordered list inherit the background of the ul element and get anywhere from 1 to 10 extra pixels of padding on top. I’ve been trying all week to figure out how to avoid the bug.

By: marko

marko — Wed, 15 Nov 2006 11:53:24 +0000

Hi Gill, try with the Lucida Sans Unicode, or even better – test your fonts with Typetester.

By: Gill

Gill — Wed, 15 Nov 2006 07:56:15 +0000

Apparantly IE7 can’t display Lucida Calligraphy (not italic) - can anyone suggest a similar alternative to specify please? It just shows Times.

By: Johan

Johan — Sun, 29 Oct 2006 00:04:09 +0000

Marko: well said -> Power of CSS!

background: url(/images/bullet_boxed.gif) no-repeat 0 center;
}

I believe “0 center” wont validate since top, left, bottom, right are names reserved to be used to gether, better use the equivalent ->

background: url(/images/bullet_boxed.gif) no-repeat 0 50%;
}

By: marko

marko — Sat, 28 Oct 2006 20:07:56 +0000

Kris,

Try the following:
.listBoxed { list-style: none; padding-left: 20px; background: url(/images/bullet_boxed.gif) no-repeat 0 center; }
This way, you have total control over the position of the ‘bullet’.

By: Kris Gosser

Kris Gosser — Sat, 28 Oct 2006 16:14:08 +0000

I’m a student at a Milwaukee WI (USA) area school. I had the pleasure to help redesign my college’s Web site. Once IE came out, we found only one issue with the underscore hack that I used on the unordered lists we had.

It get’s messed up. Take a look at the following page in IE7 vs. Firefox:

http://www.cc.edu/parents/

Point 1) I had no say in the decision to use tables :)

Point 2) I did have the chance to write some CSS for styling purposes. I used the following code to stylize the lists:
.listBoxed { list-style-position: outside; margin: 4px 0px 4px -23px; _margin-left: 17px; list-style-image:url(/images/bullet_boxed.gif); text-indent: 0px; line-height:1.5em; }

It needed to be like that to work with IE6 and FF. But alas, now it looks like the undscore hack has been ‘fixed.’

What does that mean? Well, now we have to figure out a way to code that single spec to work across FF, IE6, and IE7 which all seem to treat it differently.

By: Stuart

Stuart — Fri, 27 Oct 2006 15:03:20 +0000

I’m running rc1 as a standalone and I’m seeing some weird cursor behavior. On a div with a width and centered with margin auto the cursor is displaying ‘text’ instead of ‘default’ (arrow) when mousing over whitespace, adding a background property fixes this.
Has anyone else seen this?

By: Henry Umansky

Henry Umansky — Thu, 26 Oct 2006 19:43:55 +0000

Could it possible that IE7 renders the CSS font-family order in alphabetical order? If so, then back to the drawing board IE7 programmers.

By: Alex Jones

Alex Jones — Wed, 25 Oct 2006 13:30:39 +0000

János, I’ve used the multiple versions in the past (have them installed right now in fact - the geek in me had to include back to IE 3), but they can prove buggy causing crashes at the most inconvenient time and the conditional comments don’t always work.

marko, you’re quite welcome!

By: marko

marko — Wed, 25 Oct 2006 06:31:28 +0000

Alex, thanks for the hat tip!

By: János Pásztor

János Pásztor — Wed, 25 Oct 2006 05:49:37 +0000

Hey, guys!

Instead of VirtualPC, you might want to check this: http://tredosoft.com/Multiple_IE

János

By: Alex Jones

Alex Jones — Tue, 24 Oct 2006 23:21:13 +0000

You could save yourself some cash by using VirtualPC which Microsoft no longer charges for. Your only out-of-pocket cost would be an XP license, assuming you don’t have a valid, uninstalled license already. I am setting up a VM for IE 6, so I can install IE 7 natively.

A bonus for those of you going down that route: Speed-up and usage tips for IE6 in VirtualPC.

By: marko

marko — Tue, 24 Oct 2006 19:39:37 +0000

Mario, it doesn’t work the same way. I understand the skepticism, but every serious developer should try it in the real environment.

By: Mario

Mario — Tue, 24 Oct 2006 16:34:56 +0000

You don’t need a disposable machine - there’s a standalone version of IE7 available here :)

By: marko

marko — Tue, 24 Oct 2006 13:22:28 +0000

Johan, that would be:
<style type="text/css"> /* <[CDATA[ */ selector { font-family: Helvetica, Arial, sans-serif; } /* ]]> */ </style> <!––[if IE 7]> <style type=”text/css”> selector { font-family: Arial, sans-serif; } </style> <![endif]––>

By: Johan

Johan — Mon, 23 Oct 2006 19:57:00 +0000

I am sorry … I meant for IE

body { font-family: Arial, “Helvetica”, sans-serif; }

By: Johan

Johan — Mon, 23 Oct 2006 19:00:27 +0000

Dobar Dan Marko!

To fix the IE font-family issue
can we not do body { font-family: “SomeFont”, Helvetica, “Arial”, sans-serif; }

By: marko

marko — Mon, 23 Oct 2006 15:57:11 +0000

I still believe Microsoft and their browser are the problem not the solution. But still… I supposed I ought to install 7. Now I just need a disposable PC to install it on *cough*.

Yes, numerous developers are in search for a disposable machine these days. I have one in queue, will be available in a couple of days : )

By: Ray

Ray — Mon, 23 Oct 2006 15:51:11 +0000

You know, it just occured to me… I once specified Helvetica before Arial and wondered why my site looked so awful. I had Photoshop open, so I pulled down the font list. I found Helvetica. For some reason, I connot remember how, why, or when, I had Helvetica on my PC and it rendered poorly. I sandboxed it and all is well.

I still believe Microsoft and their browser are the problem not the solution. But still… I supposed I ought to install 7. Now I just need a disposable PC to install it on *cough*.

By: Ray

Ray — Mon, 23 Oct 2006 15:38:20 +0000

No, it makes no difference what order the font is specified, JK, the browser is supposed to ignore the fonts it cannot display and grab the first one it can.

It think what Marko is suggesting is that IE7 is messing with a long established CSS convention, whether intentional or not, and if it bears out I don’t much like it either. I find it inexcusable that Microsoft, with it’s multi-billion dollar development (appropriations) budget and a team as big as the IE team, can’t build a browser that works at least as good as Firefox, or even Opera.

Not a question of cannot, but will not–in my estimation. Microsoft continues to be the problem, not the solution.