Ecommerce, SEO, Gadgets, Mac und Internet Themen

IE6 max-width und min-width

Kategorie: web-development

Die sicherste Methode, die ich bisher angewandt habe ist die Einbindung einer Javascript Expression innerhalb der IE6 fix CSS Datei (Mit Conditional Comments speziell dem IE6 zugewiesene CSS Datei).

# max-width:577px;
.class img{
  width: expression(this.width > 577 ? 577: true);
}

# min-width:577px;
.class div{
  width: expression(this.width < 577 ? 577: true);
}

Wichtigkeit der initialen Größe der divs bei externen Inhalten

Kategorie: Internet, web-development

Bei extern nachgeladenen Inhalten sollte IMMER eine initiale Größe der div Box angegeben werden, sonst stock der Ladeprozess bis der Inhalt geladen und die Größe für das div ermittelt wurde. So auch bei der Einbindung von Google Adsense. Manchmal dauert es schon bis zu einer Sekunde, bis Adsense geladen ist. Ist keine initiale Größe der div Box angegeben stockt das Nachladen der restlichen Elemente bis Adsense geladen ist. Generell sollte bei Objekten, die dynamisch generiert werden eine initiale Größe angegeben werden. So warten der Browser nicht auf den Inhalt zur Berechnung und lädt in jedem Fall die komplette Seite, ohne auf den dynamischen Inhalt zu warten.


min-height für den IE

Kategorie: web-development

Wie bekommt man ohne hack die nicht vorhandene min-height CSS- Eigenschaft im IE6?
Ganz einfach:

.minheight-500 {
   min-height: 500px;
   height: auto !important; /* für moderne Browser */
   height:500px;  /*für den IE */
}

Autor dieses Blogs
Viktor Dite bei Google+ Viktor Dite bei Twitter

Webworker & Blogger