3 fragen zu CSS

[Sven Rautenberg]

Moin!

hi Andreas

es schein doch so das der NN7 und der IE7 den Platz für den Inhalt anderst berechnet.?

Ja. Der IE macht es falsch, der NN7 macht es richtig. Der IE berechnet die Breite und Höhe falsch. Normal wird width+padding+border gerechnet, um die optische Breite eines Elements zu definieren. Der IE rechnet nimmt aber die width direkt als Breite. Der Inhalt im ELement errechnet sich dann durch Abziehen von border und padding: Innere_Breite = width - border - padding

Mit anderen Worten: Wenn border und padding etwas anderes als Null sind, gibts optische Unterschiede.

Der IE 6 kann es richtig machen, wenn du einen DOCTYPE mit URL angibst. Und die anderen IEs machen es richtig, wenn du schlau zwei DIVs verschachtelst: Das äußere kriegt kein padding oder border, sondern nur die width (vom IE), das innere kriegt keine width, sondern nur padding und border. Die Browser errechnen dann den Rest automatisch, kommen zwar zu unterschiedlichen Ergebnissen, aber es sieht gleich aus.

<div style="width:ie-width">
  <div style="border:...; padding:...">
  Inhalt
  </div>
</div>

Die Geschichte für die Breite gilt ganz genauso auch für die Höhe.

- Sven Rautenberg