Seitenbewertung einer Arztseite

[Detlef G.]

Hallo sam, hallo Jeena

http://d-graff.de/demos/selfhtml/Gutgesell.png

... Kann es sein dass IE einfach noch Probleme hat mit den PNG Bildern?
aber eben, keine Ahnung...

Das glaube ich nicht, er hat eher Probleme mit padding bei ul. Teilweise
wendet er die Werte auf die li an, teilweise scheint er diese für die
Berechnung des Platzes für das floaten der li's zu verwenden, bei der
Anzeige dieser aber nicht zu verwenden.

Keine Probleme treten auf,(zumindest im IE) wenn bei ul das Padding
weggelassen wird und #header padding-top:10px erhält.

Eine weitere Möglichkeit wäre:
    #header {
      float:left;
      width:90%;
      background:#e2f5ee url("../img/bg.png") repeat-x bottom;
      font-size:93%;
      font-family: verdana, sans-serif;
      line-height:normal;
      padding:10px 5% 0 5%;
      }
Wobei ul kein padding bekommt.
Dabei erzeugt der IE aber bei vielen Fensterbreiten einen unnötigen
horizontalen Scrollbalken (wahrscheinlich aufgrund von Rundungsfehlern).

Andere Lösungen wären aufwendiger, weil dazu umfangreichere Änderungen im
CSS und auch einige im HTML erforderlich wären.

Zu max-width für den IE, möchte ich noch anmerken, dass dies für diese
Seiten nicht einfach zu realisieren ist, weil:

• Eine einfache Lösung für max-width in em gibt es imho nicht.
  Ich habe zwar eine Möglichkeit im Hinterkopf. Diese würde aber auch
  Änderungen im HTML erfordern und sollte dann imho nicht als Expression
  eingebunden werden.

• Die Breite von p in px begrenzen, ist auch nicht so einfach,
  weil #main prozentuale Paddings hat, da müsste man erst etwas rechnen.

MFG
Detlef