planungsbüro/INTERNET Planungsbüro für Internet & Marketing

Min-Height Fast Hack

Im Webdesign sind min-height und min-width wichtige CSS Eigenschaften. Mit min-height und min-width kann man Layouts so gestalten, dass die einzelnen Elemente skalieren. Leider unterstützt der Internet Explorer in den Versionen unter 7  diese CSS Eigenschaften nicht und interpretiert diese als feste Angaben. Aus min-height wird nur noch height. Inhalte, die über die height Angabe gehen, werden entweder abgeschnitten, oder stehen über den darauffolgenden Elementen.

Wir nutzen für min-height und min-width primär den min-height Fast Hack von Dustin Diaz. Dieser Hack besticht durch seine Einfachheit. Es muss kein html geändert werden und basiert auf validen CSS.

1
2
3
4
5
6
7
8
9
10
11

selector {
min-height:500px;
height:auto !important;
height:500px;
}
 
selector {
min-width: 300px;
width: auto !important;
width: 300px;
}

• 29. September 2009
• Phillip Wölfel