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/

Reply via email to