CSS-Reset – minimizing browser rendering problems

If you have just a little experience on creating web designs you might have stumbled upon the differences between the browser engines.

Till now you might have tried to fix every render bug after another hoping that you still can finish in time.

Eric Meyer, yes the Eric Meyer, was tired of this problem too and created a template to reset all the common differences to a certain standard. If you start your webdesign based on this stylesheet, your design should yield much fewer rendering errors and you won’t have to worry that much about the creepy IE6 or some less common browsers.

Link: Eric’s Archived Thoughts: Reset Reloaded.

This entry was posted 1 year, 6 months ago by stevie
Tags: ,
You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “CSS-Reset – minimizing browser rendering problems”

  1.  

    1 year, 6 months ago

    Actually I’ve been using this a lot over the last year.

    Applying these reset.css rules in the beginning of your CSS work forces you to apply CSS rules more precisely and furthermore prevents a lot of browser-specific differences.

    Anyways, removing padding and margin from lists and their items is evil. This makes some WYSIWYG scenraios unusable (where complete pages get loaded into iframes for example) and thus gets more effort to overwrite the rules twice.

    That’s why I prefer my own reset.css where lists are indented by default.

  2.  

    1 year, 6 months ago

    Thx for your comment, Erik, nice to know you read us.

    I just started with the script and also fixed a few things (like the default color instead of font-weight for the <strong>-element). For sure I will now check the settings for lists, too.

  3.  
 

Leave a Reply