!important in Outlook

[Sven Rautenberg]

Moin!

Hallo zusammen,
ich habe ein CSS-Problem in Zusammenhang mit Outlook. Für einen Newsletter (HTML-Format) brauche ich diese Formatierung:

.box
{
position: relative;
  min-height: 100%;
height:auto !important;
height:100%;
}

In der Summe bedeutet das doch: height:auto

Und nur ein paar blöde Browser kriegen den "Hack" bzw. ignorieren das !important, so dass height:100%.

Dann scheint die Lösung doch klar: Nimm einen anderen Hack.

Es ist zum Beispiel auch ein Problem, dass Outlook alle Sternchen (*) am Zeilenanfang entfernt. Die Wildcard
* {margin:0; padding:0; }
ist damit zum Beispiel nicht mehr möglich.

Der Selektor muß ja nicht am Zeilenanfang beginnen. CSS hat keine Zeilenorientierung, genausowenig wie HTML.

aber das bedeutet auch, dass die Browserweiche
.box {height:auto;}
* html .box {height:100%; }
nicht mehr funktioniert.

Was ist hiermit?

.box {height:auto;} * html .box {height:100%; }

- Sven Rautenberg