Cole, you still have margin on your a element. If you set your bottom
margin on your a to 0, you'll probably be happy.
For troubleshooting purposes, put a "border:thin solid blue;" around
an element, and that way you see the space it occupies, then do the
same, but change the color to red, for another possible element. It
really helps. Or you can use Firefox Firebug, and it will do it for
you.
On Aug 14, 2009, at 3:47 AM, <[email protected]> wrote:
*********************************************************************
WEB STANDARDS GROUP MAIL LIST DIGEST
*********************************************************************
From: "Cole Kuryakin" <[email protected]>
Date: Fri, 14 Aug 2009 15:36:34 +0800
Subject: Strange Bottom Margin on Floated Elements I Can't Get Rid of
Hello All!
I've got a small but annoying problem I can't seem to solve.
I've got six test thumbnail images wrapped inside of hrefs. All six
hrefs
are floated left within a containing div.
The div can only accommodate 4 of these href'd images per row so
images 5
and 6 break to a second row - which is fine.
My issue is this strange margin-type space that is appearing below
each href
- since I've set margins and padding to '0' for both images and
hrefs, I
don't understand what in the world is causing this anomaly.
My CSS is VERY simple and straight forward but nothing I try will
eliminate
this bottom margin.
Can someone please help me see the error of my ways?
Live sample is posted here:
http://www.koisis.com/problems/float_space/tester.htm
Great appreciation to all in advance!
Cole
PS: IN IE7 there is no whitespace at the bottom of these elements,
but in
FireFox (et. al) there is.
[removed attachment: winmail.dat]
**************************************************************
Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
**************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [email protected]
*******************************************************************
