In my opinion there are 2 simple solution to people using adblock etc techniques(apart from blocking firefox which is ridiculus).

• 1 put all your pictures into a folder call 'advertisement', so anyone with adblock activated will only see half a page
• 2 use js to hide all content when some ads script is not loaded(and displaying some message eg plz disable adblock and reload this page)
• 2(more extreme) deliver only content with display:none, use js to show the content, so by blocking your js they gain nothing

A solution for these nasty _color or *>#abc tricks just to get the layout right :/

HTML:

<!--[if (gt IE 5)&(lt IE 7)]>
   <div id="ie6" class="ie">
<![endif]-->
<!--[if (gt IE 6)&(lt IE 8)]>
   <div id="ie7" class="ie">
<![endif]-->
...
<!--[if (gt IE 5)&(lt IE 8)]>
   </div>
<![endif]-->

CSS:

#ie6 #abc...{
   height:10px;
}
.ie #abc... {
   height:8px;
}

pro:
- easy
- readable
- only for ie6 etc possible

con:
- requires dom changing
- adds an extra div-level -> javascript problems ?
- cant be used for javascript libaries etc, since one always needs dom changing

but i like it :)

Nur eine kleine Idee am Rand:

immer --clone überschreiben und darin eine Exception werfen, wenn man ein Singleton baut...

lawngreen statt 7CFC00 ? mediumblue statt 0000CD ? Eindeutig besser zu lesen, aber leider nicht so fein abstimmbar. Zumindest funktioniert es in IE6 + Opera ... , nur der W3C Validator meckert unverständlicher Weise noch rum.

Schöne Alternative zu HEX, vor allem wenn man einfach ein paar Farben kombinieren will und sich denkt so olive + braun + x würde gut aussehen. Für professionelle Design vielleicht weniger geeignet, aber 140 Farben sollten für alles andere reichen.

die 140 CSS Farbcodes

Um endlich die nervigen Fehler mit ein Pixel weiter rechts im IE und 2 Pixel weiter klinks im Opera zu lösen: einfach allen Whitespace resetten, und dann neu setzen, so sind alle Abstände in allen Browsern gleich, und man spart sich viele nervige Sonderregeln für bestimmte Browser.

* {
  padding:0;
  margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, 
ul, l, dl, fieldset, address { 
  margin:1em 5%; 
}
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

Mehr Infos verbessertes reset