CSS tests

IE 8

Fri, 01 May 2009 16:43:53 GMT

IE 8 fixes most of the bugs listed here except 2.

IE 8 beta2

Fri, 29 Aug 2008 19:40:21 GMT

IE 8 beta 2 shows 2 or 3 new bugs in displaying the pages of the site. However, only 8 bugs out of the 42 listed have not been fixed.

Debugging a page

Sat, 26 Aug 2006 16:00:27 GMT

An introduction to the way of debugging a page using a css layout in online.

IE7 RC1 and new problems

Fri, 25 Aug 2006 15:55:23 GMT

IE7 Beta 3 fixed a few bugs (standalone version), IE7 RC1 introduced new problems: the links are not active on the full width of a few menus (the linked one).
The issue has been fixed by adding:
#menugauche ul li a{display:inline-block;}
#menugauche ul li a{display:block;}
The problem has been fixed in almost all the pages by triggering hasLayout with inline-block and then setting the value back to block.
The standalone procedure for Beta 3 works for me.

Google Analytics

Thu, 25 May 2006 10:45:10 GMT

The site has been using Google Analytics for a few days. The results are not different from the site stats for the visitors with javascript enabled. The precision for the cities is not very good.

IE 7 beta 2 preview

Sun, 14 May 2006 20:27:11 GMT

As the last preview fixed a few bugs, a few pages and many menus didn't display properly. Thus I had to remove most of the bug fixes between conditional comments.

Standalone IE7 preview beta 2

Mon, 10 Apr 2006 15:01:19 GMT

You can have a standalone version of IE7 preview beta and keep IE6 on your system.
1. Download IE7 preview using the link above.
2. Extract to a folder with 7zip or any uncompressing utility.
3. Delete the file named shlwapi.dll in this folder.
4. Create an empty file named iexplore.exe.local.
Now you can use this standalone copy by clicking on iexplore.exe.
To test conditional comments, replace IE by zIE in the registry key HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Version Vector
The 3 standalone versions I have all show different and new bugs.
The last version (March 17, 2006) needs HasLayout for a span, still doesn't accept div:first-letter and p:first-letter in a few contexts etc...
Conditionnal comments try to fix those problems.

Dynamic css with variables or cookies or a session.

Thu, 16 Feb 2006 15:52:55 GMT

A few pages with a fixed width 3 colums layout now use dynamic css to switch styles. If the user accepts cookies all the different techniques work.

Rounded corners without javascript or images

Fri, 13 Jan 2006 19:05:31 GMT

Rounded corners adapted from http://www.cssplay.co.uk/boxes/snazzy.html have been added in the home page. (ie 5.5+, opera 6+)

Googlebot cache and CSS

Tue, 08 Nov 2005 21:16:21 GMT

It seems that Googlebot uses a CSS rendering for its cache that doesn't support height:1% (hack for msie).
Some of the cache problems are now fixed.
A test with MSIE 6 style sheets may fix the other problems for the next visit.

Using the last version of the css layout generator

Sat, 29 Oct 2005 14:28:57 GMT

http://css.tests.free.fr/en/index3.php uses the latest version of the generator with the content of the home page.

Using conditional comments rather than hacks

Thu, 27 Oct 2005 14:47:02 GMT

The page http://css.tests.free.fr/en/pagecss6b.php has been modified (http://css.tests.free.fr/en/pagecss6bie.php) so that it uses conditional comments for MSIE.
The page http://css.tests.free.fr/en/hacks2.php about conditional comments for MSIE has been added.

Using conditional comments rather than hacks

Sun, 16 Oct 2005 20:22:17 GMT

The page http://css.tests.free.fr/en/pagecss6h.php has been modified so that it uses conditional comments for MSIE.
Explanations will come soon.

rss editor 0.0.9 and the rss stylesheet

Thu, 13 Oct 2005 17:18:17 GMT

rss editor allows a stylesheet for the rss feed.
A lot of rendering differences between MSIE and Firefox/Opera (mostly because of the HTML tags that I use) can be noticed.
The stylesheet is named rss.css

Googlebot cache and CSS

Sun, 09 Oct 2005 18:04:43 GMT

Googlebot uses MSIE 5.5 CSS rendering for its cache and due to syntax problems switches to quirks mode.
As the site sends pages according to the browser and uses the "Standards Compliance Mode", the pages of the site in Googlebot cache are sometimes unreadable.
This should be fixed for the next visit of Googlebot.
Yahoo has also some CSS bugs (one of them is missing the end of a span). No solution in this case.

Who asks for robots.txt?

Wed, 28 Sep 2005 20:09:27 GMT

A list of robots User Agent strings asking for robots.txt before crawling the site css.tests.free.fr is online. I started to collect the UAs yesterday. It is automatically updated.

Dynamic CSS, using cookies and PHP

Sat, 09 Jul 2005 08:09:58 GMT

A few explanations on a way to change a style sheet with PHP and cookies (or a form or variables) are now online.

The number of visitors now exceeds the number of robots

Wed, 15 Jun 2005 17:30:46 GMT

www.pixel2life.com listed the tutorial about building a tableless page. It drew a few robots and a lot of visitors. Robots are not the main visitors anymore.

Applying a style to a span

Sun, 12 Jun 2005 13:48:25 GMT

After some optimization and rewriting of the pages moved from the old site, the first page about the styling of the tag span is online.

Pure CSS menus, CSS hacks, CSS popups, dynamic CSS, Building a tableless page, Browser compatibility

Mon, 25 Apr 2005 15:54:36 GMT

A few pages about the basic techniques are now available.

New site

Tue, 05 Apr 2005 17:42:16 GMT

As the server danzcontrib.free.fr is almost down most of the time, the pages about CSS are on their way to css.tests.free.fr.