Hover mit allen HTML Elementen im IE6

Veröffentlicht im August 2009 in Webdevelopment von Marita Mätzler

Unter folgenden Link wird erklärt, wie man auch im IE6 einen hover Effekt auf allen HTML Elementen erreiche kann:

http://www.xs4all.nl/~peterned/csshover.html

Step Down bei gefloateten Block Elementen verhindern

Veröffentlicht im August 2009 in Webdevelopment von Marita Mätzler

CSS Code

ul#menu li a {
   display: block;
   width: 130px;
   float: left;
}

ul#menu li {
   display: inline; /* Prevents "stepdown" */
}

Double Margin Bug

Veröffentlicht im August 2009 in Webdevelopment von Marita Mätzler
div#box {
   float: right;
   margin-right: 20px;
}

IM IE6 ist der margin 40px
Lösung:
1. padding statt margin
2. padding für das parent-element
3. display: inline;ins CSS hinzufügen

Min-Height

Veröffentlicht im August 2009 in Webdevelopment von Marita Mätzler

Damit lässt sich min-height in allen Browsern umsetzen (incl. IE6)

selector {
   min-height:500px;
   height:auto !important;
   height:500px;
}
Seite 1 von 212