On Thu, 11 Dec 2008 12:23:15 +0100, Angel Martin Alganza wrote: > Hi Éric, everybody, > > On Thu, Dec 11, 2008 at 11:53:49AM +0100, Éric Vesque wrote: > >> Your solution seems to work only in Opera, other browsers don't like ids >> begining by >> numbers. >> > It was such a quick thing that I didn't bother to check it out in any other > browser > than the one I use most of the time while browsing with graphics (I also use > Elinks for > just text browsing :-). > >> I have rewritten your page with some more stuff in order to have valid html >> (the >> div#conteneur has nothing to do with validation). >> You may see it at http://www.banturle.com/divers/grille3x3.html >> > Thanks for that. But what have you added the div for? ul is already an html > element > one can style with CSS. >
Your solution is very close, Angel. Some very minor tweaks got it working this end in all my browsers - - Add a DOCTYPE for IE's sake. I used <DOCTYPE html> - Replace the child selector (>) with a space so IE 6 understands - Replace 'display: block;' with 'display: inline;' to fix IE double margins - Add 'overflow: hidden; *overflow: visible;' to the UL to contain the floats in other than IE (where the width adds "layout" for this) Nice demo. It's unfortunate, but IE is so prevalent we do need to test with that browser -- even IE 5 is important, as recent IE versions revert to IE 5.5 rendering in quirks mode. If a visitor comes via the Google cached version, they get quirks in any IE version. Yikes! Cordially, David --
______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] 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/