> -----Original Message-----
> From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
> discuss.org] On Behalf Of Rachel Mawhood
> Sent: Tuesday, October 14, 2008 6:34 AM
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Horizontal alignment of dt and dd in IE 6 and 7
> 
> Hi list
> 
> In Firefox and Safari, the text displays alongside the thumbnails as
> desired.  In IE 6 and 7 it doesn't.  I have tried a number of things
> - negative margin on the <dd>, adding position:relative, removing
> text-align - but so far without success.  I would appreciate any
> pointers to fixing this.
> 
> http://www.internationalorganbuilders.com/archive/index.php
> 
> The CSS files are here -
> 
> http://www.internationalorganbuilders.com/styles/archive.css
> http://www.internationalorganbuilders.com/styles/iso-images.css
> 
> There's a similar problem on this page (at the foot)
> 
> http://www.internationalorganbuilders.com/journal/index.php
> 
> where the text, the titles of the articles in the journal, appear
> alongside as desired in Firefox and Safari but not in IE 6 and 7.

Hi Rachel,

I'd float the DTs.
As a side note, you cannot use DIVs in these DTs, only inline elements are
allowed there.
If you "need" them for the border effect around the images, then move that
styling to the DTs or simply use the images (via padding/border).


-- 
Regards,
Thierry | http://www.TJKDesign.com




______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to