Links

Archive for 'CSS/XHTML'

CSS W3C Compliances hacks

Dealing with browser inconsistencies often makes up a majority of the work for a web designer. Sometimes there is no reasonable way to accomplish a desired layout in all major web browsers without the use of some special exception rules for certain layout engines. This blog contains various CSS hacks which are also W3C compliance.

Master Stylesheet: The Most Useful CSS Technique

One of the most common mistakes I see beginners and intermediates fall victim to when it comes to CSS is not removing the default browser styling. This leads to inconsistencies in the appearance of your design across browsers, and ultimately leaves a lot of designers blaming the browser. It is a misplaced blame, of course. Before you do anything else when coding a website, you should reset the styling.

Handling min-height in IE6

One of the most common issue in IE6 is handling the min-height. The below code may will solve the min-height issue in IE 6 and work fine in all other browsers.

#homepage .mainContent {
width:780px; min-height:500px; height:auto !important; height:500px;
}

Removing dotted links

Firefox produces a dotted outline that appears around links when you click on them. to remove these dotted lines see the below code

a {
outline: none;
}