Comments on: Make your site cross browser compatible in 5 steps

By: Toki

Toki — Sun, 01 Jun 2008 21:19:35 +0000

Thanks for information.

By: » Browser Compatibility Tools - Mega List of Browser Checkers to Check Your Web Sites for Browser SupportWeb Design Resources Blog & Graphics Blog with Lists of Web Site Design Tools

Thu, 22 May 2008 04:21:57 +0000

[...] Cross-Browser Compatible in 5 Steps [...]

By: Fabian

Fabian — Tue, 13 May 2008 15:47:29 +0000

@Paintworkz Web Design,
You’re welcome I’m glad you like this article.

By: Paintworkz Web Design

Paintworkz Web Design — Tue, 13 May 2008 14:59:31 +0000

Thanks for listing the five steps for making a site browser compatible.The link provided in Step 2 was something new to me. Thanks for this Really Useful post

By: CSS coding for cross browser compatibility | Onyx Design Weblog

CSS coding for cross browser compatibility | Onyx Design Weblog — Mon, 12 May 2008 10:11:43 +0000

[...] Make your site cross browser compatible in 5 steps [...]

By: Fabian

Fabian — Sun, 23 Mar 2008 14:32:39 +0000

@Ulrich

Thanks

By: Ulrich

Ulrich — Wed, 19 Mar 2008 23:58:15 +0000

A very good read and good information - very well put!

By: Fabian

Fabian — Tue, 18 Mar 2008 07:50:56 +0000

@Righteous_Tresspasser
That’s a good one Without changing the witdth in different browsers by changing margin: and padding:, you still indent the text. Thanks!

For code just use this:
< code > …
< strong >, < em >, < blockquote > etc. are also supported.

By: Righteous_Trespasser

Righteous_Trespasser — Tue, 18 Mar 2008 07:36:42 +0000

Yeah you will lose the validation, but that’s not exactly what I’m talking about … you know now that IE and FF render padding differently and that could cause a lot of issues so I have the following suggestion to newbies:

Let’s say you have the following:
this text should not touh the sides of this div and should be a little bit indented
so instead of using this CSS:
div#test{padding:5px;}
use this:
div#test{padding:0px;margin:0px;} div#test p{padding:5px}
that way it’ll still work in IE and FF and look exactly the same …

//Do you have code tags in these comments??

By: Fabian

Fabian — Mon, 17 Mar 2008 16:07:32 +0000

@Righteous_Tresspasser,
Thanks for your comment and the link
I’ve never heard of box model tweaking and it looks very interesting to me.
I also found this article on Quirksmode about it:
http://www.quirksmode.org/css/box.html

But I wonder, is CSS code like this valid:
div.test { -moz-box-sizing: border-box; }

Edit: I tried it via direct input on the CSS validator and it’s not valid. So you’ll loose you’re validated css that way…