@import css IE

[Dieter Raber]

Hallo alle,

Ich stehe ein bisschen auf dem Schlauch, fuerchte ich. Ich verwende fuer eine Webseite drei Stylesheets, die so eingebunden sind:

<link rel="stylesheet" title="standard" type="text/css" href="css/basic.css" />
<style type="text/css">
@import url(css/advanced.css) screen;
</style>
<!--[if IE]>
  <style type="text/css">@import url(css/msie.css);</style>
<![endif]-->

basic ist so gestrickt, dass die Darstellung in alten Browsern gerade noch ertraeglich ist, advanced enthaelt bisher lediglich ein paar Kistchen, um Bilder auszurichten:

#content .pic-r,
#content .pic-l {
border: 1px #ccc solid;
margin: 12px;
margin-top: 0;
}

#content .pic-l {
float: left;
margin-left: 0;
}

#content .pic-r {
float: right;
margin-right: 0;
}

msie enthaelt folgendes:

@media screen {
    html, body {
      height: 100%; overflow-y: hidden;
    }
    #container {
      height: 100%; width: 100%; overflow: auto;
    }
    #content {
      position: static;
    }
  }

Dem aufmerksamen Leser wird nicht entgangen sein, dass letzteres der position:fixed-Hack aus Selfhtml ist. Allerdings stellt der IE die Bilder mit den Klassen .pic-l/.pic-r nur richtig dar, wenn ich den entsprechenden Block aus advanced nach msie kopiere. Ich habe schon ziemlich viel rumprobiert mit den ueblichen Debugtricks, komme aber auf keinen gruenen Zweig.

Koennte mich vielleicht mal jemand mit der Nase draufstossen? ;-)

Gruß,

Dieter