Comments on: 20 pro tips http://www.maifith.com/news/20-pro-design-tips If you can imagine it, we can design it. Sun, 13 Jun 2010 16:21:46 +0000 hourly 1 http://wordpress.org/?v=3.1-alpha By: Toronto Web Design http://www.maifith.com/news/20-pro-design-tips/comment-page-1#comment-7 Toronto Web Design Fri, 03 Aug 2007 15:14:41 +0000 http://www.maifith.com/blog/guides-and-tutorials/20-pro-design-tips/#comment-7 Hi Pauline, This is a good question which is asked often in the web design world. There is no way to counteract all of the font and style differences that the different rendering engines produce without severely hacking your css files which will cause them to break in the future if you want to make style tweaks. The best way to ensure consistency is to use styles to a limit. Dont position everything using padding and margins, and left floats, some things should be positioned using position:absolute and position:relative. Check into the W3C guidelines if you are unsure of what I mean by this. As for fonts ... this is a mess in IE. IE has about 7 - 10 steps of font sizes where the other browsers you spoke of have unlimited steps by as small as .5px. We can only hope that IE will switch to a better rendering engine. Hi Pauline,

This is a good question which is asked often in the web design world. There is no way to counteract all of the font and style differences that the different rendering engines produce without severely hacking your css files which will cause them to break in the future if you want to make style tweaks.

The best way to ensure consistency is to use styles to a limit. Dont position everything using padding and margins, and left floats, some things should be positioned using position:absolute and position:relative.

Check into the W3C guidelines if you are unsure of what I mean by this.

As for fonts … this is a mess in IE. IE has about 7 – 10 steps of font sizes where the other browsers you spoke of have unlimited steps by as small as .5px. We can only hope that IE will switch to a better rendering engine.

]]> By: Pauline http://www.maifith.com/news/20-pro-design-tips/comment-page-1#comment-6 Pauline Wed, 11 Jul 2007 04:37:27 +0000 http://www.maifith.com/blog/guides-and-tutorials/20-pro-design-tips/#comment-6 Hello.. enjoyed reading your tips. I have rescently made a simple one.. It works well in Firefox, Opera, Safari but when opening in IE or Netscape.. The fonts size goes out of wack in IE and the img tables goes out of wack in Netscape.. got any quick hints.. Exhausted in reading.. theres no where to find the subtle code differences between platforms, in how to couteract fonts or stuff like this. so they all work well alongside each other in what ever browsers you open in. thanks Paula Hello.. enjoyed reading your tips. I have rescently made a simple one.. It works well in Firefox, Opera, Safari but when opening in IE or Netscape.. The fonts size goes out of wack in IE and the img tables goes out of wack in Netscape.. got any quick hints.. Exhausted in reading.. theres no where to find the subtle code differences between platforms, in how to couteract fonts or stuff like this. so they all work well alongside each other in what ever browsers you open in. thanks Paula

]]>