Inexplicable space in IE6

Inexplicable space in list item in ie6Problem: List items containing links seemed to have inexplicable padding-bottom (or the links had margin-bottom) – yet they didn’t. There was just a space.

This is how it should have looked

This is how it should have looked:

The solution: The solutions are always the simplest, yet always the hardest to find… Display the list item inline.

li {

Apparently this is due to the formatting you would normally do in your text editor. Another fix is to remove all formatting in your markup – but I feel this makes your code difficult to maintain. Better do the fix above.

Please note: This is not the double margin bug in internet explorer 6 – there was no margin/padding on the items.

This entry was posted in problem solved! and tagged by Rob. Bookmark the permalink.

About Rob

I'm the graphic designer here at inmeres. I studied BA Graphic design with a specialism in advertising at St Martins College in London. After I graduated I worked in a label printers which gave me a huge amount of print experience and most importantly, “what not to send” printers. I then worked for a local magazine designing various adverts ranging from half page to double page spreads and editorials. I then came to inmeres! Woo! Which is a great and i'm continuing to learn a lot. Out of work i'm a bit of a wanna-be photographer. I like to get it right in the camera, i'm not one for massive retouches in Photoshop (though i've been known to break this theory when i get bored and have a bit of a mental Photoshop mash up!) You can view some of my images here
79.48% of all statistics are made up on the spot
John A. Paulos

Comments are closed.