php.net layout with CSS-P
| From: | Gabor Hojtsy | Date: | Tue, 22 Jul 2003 17:47:25 +0000 |
| Subject: | php.net layout with CSS-P | ||
| Groups: | php.mirrors | ||
| Request: | Send a blank email to php-mirrors+get-19472@lists.php.net to get a copy of this message | ||
Hi!
Following on my previous trys to create a CSS-P version of the PHP.net footer, I have gone farther, and done the header too. I was able to test it in Mozilla 1.3 [Win and Linux], IE6, Opera 7.11 [Win], Konqueror and Galleon. Every browser I tested seems to display the old table based design [at the top] and the new CSS-P based design [at the bottom] 99% identically. This means a 1-2 pixel difference in positioning at some places, not critical.
In the CSS for the new HTML code I needed to use some tricks regarding font sizes, as IE does not inherit font sizes properly. Most of the work was done to make the layout work with IE (while it was already working perfectly in Mozilla and Konqueror).
I expect this to work in Safari, as it uses the khtml rendering engine (which is the base of Konqueror too). I was unable to test with older IE versions.
I have prepared a framset so you can easily test the two versions. The upper one is the current table based layout (with current style sheet). The one at the bottom is the new CSS-P based one.
Advantages of this new version include:
- very clean true XHTML code
- 1Kb less HTML markup then the old code
- enables us to easily provide a print version style sheet,
so there won't be a need to download pages again with printer
friendly HTML generated around them
Given that the CSS will be cached on the users machine, this takes off 1Kbtye data of every page request, additionaly using this kind of CSS takes of the burden of generating separate pages for print and online viewing from the server.
See online: http://goba.hu/phpnet/
Opinions are welcome!
Goba