5

I found my self in my old routines, building the web page as I have always been doing. Just to include a bunch of patches to fix the inconsistencies between different browsers. So I was wondering...

Is there a basic list of building blocks, routines or settings that make HTML and CSS look the same in every browser?

If I can start out with this clean set of building blocks that I know will look the same in all browsers I could later on look to patch up different browser inconsistencies.

But wouldn't it be a good feeling to know that the foundation of the web site will fit all browsers?

Niklas
  • 13,005
  • 23
  • 79
  • 119

2 Answers2

3

I would suggest taking a peek at one of the prevalent CSS frameworks out in the wild:

Some of those already use reset.css by Eric Meyers but if you want something lighter than a full framework that's a great place to start: http://meyerweb.com/eric/tools/css/reset/

Of the frameworks, I've used BluePrint the most. Its nice to know that I can setup a grid in a matter of minutes and not have to worry about a broken layout.

Shakakai
  • 3,514
  • 1
  • 16
  • 18
0

There are few problems with the basics of HTML and CSS. If you use a modern browser to first check your markup, and validate to check for errors, your problems will be few and far between. Consistently I find people who don't validate their markup and/or use IE as their test browser. Both are the cause of 95% of their problems.

If those two situations alone are used, you don't need to use any frameworks.

Rob
  • 14,746
  • 28
  • 47
  • 65