Sent by David Laakso on 25 November 2005 15:03
Philippe Wittenbergh wrote:
>On 25 Nov 2005, at 9:41 pm, Ingo Chao wrote:
>
>
>
>>>I have had (another) a report that the thumbnails are lining up
>>>vertically rather than horizontally on this turkey
>>><http://www.dlaakso.com/blog/wordpress/>.
>>>~dL.
>>>
>>Me again with bad news. Today I could reproduce it with FF1.0.7 (fresh
>>install, new profile) and FF1.5RC3 WinXPSP2
>>
>>
>
>I still can't reproduce it on my side.
>Two little things
>1/ what is the reason for this div#header-minor, div#footer-minor,
>div#header, div#footer { display: table;} ?
>
>
1/ I have deleted the above ruleset.
>2/ add: div.gallery {border-collapse:collapse} -- 'separate' being the
>default, that would guarantee that no 'cellspacing' is created.
>
>
2/ I have added:
div.gallery {border-collapse:collapse}
to the style sheet
>And then 3:
>3/ alternative code for those thumbs:
>instead of floating those .thumbs, set them to display:table-cell.
>
>#header div.thumb, #footer div.thumb { background-color: #EAFFFF;
>border: 3px double #ddd; /*float: left; margin: 0 19px;*/ padding: 8px
>8px 6px 8px!important; width: 50px; text-align: center;
>display:table-cell}
>
>#header div.gallery, #footer div.gallery { display: table; width: 565px
>!important; margin: 0 auto; padding: 0; text-align: center;
>table-layout:fixed; border-collapse:separate; border-spacing: 34px 0; }
>
>In both cases additional rules at the end.
>
>Works fine in all decent browsers on OS X.
>
>
3/ Including the above alternative code caused the thumbs to line-up
vertically in xp. The alternative code has been deleted from the style
sheet.The thumbs are floated.
>
>Philippe
>---
>Philippe Wittenbergh
><http://emps.l-c-n.com/>
>
>
>
Thanks Philippe.
Changes made as noted above.
Both the top and bottom rows of thumbs are horizontal(as intended) on my
end.
xp::i e6/ moz1.7.12/ ff1.5rc3/ opera9pre/ and debian v3.9ff.
Anyone still seeing the thumbs at the top or bottom of the page lined up
vertically /or/ on two rows instead of one row?
Thanks,
David
--
David Laakso
http://www.dlaakso.com
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
