Boxmodell

[Johannes]

Hallo.

Ich scheine das Boxmodell immer noch nicht wirklich begriffen zu haben, bzw. begreife nicht, weshalb die Browser[1][2] die Tabellen jener Seite[3] nicht gleich breit darstellen. Beim Vergrößern der Ausschnitte der beiden Screenshots sieht man die Unterschiede eventuell besser.

Die Breitenangaben bei oberer und mittlerer Tabelle kann man wegen der Breite der Bilder wohl weglassen.

Obere Tabelle:

#table {
  border-spacing: 0;
  border-collapse: collapse;
  text-align: center;
  background-color: #fff;
}

#border {
  border: 7px solid rgb(241,241,241);
}

mittlere:

#menue {
  border-spacing: 0;
  border-collapse: collapse;
  border: 7px solid rgb(241,241,241);
  text-align: left;
  padding-right: 0;
}

untere:

table#text {
  width: 707px;
  height: 425px;
  background-color: #fff;
  border-spacing: 0;
  border-collapse: collapse;
  text-align: left;
  border: 7px solid rgb(241,241,241);
  vertical-align: top;
}

td.text {
  width: 332px;
  padding: 7px;
  vertical-align: top;
  text-align: justify;
  line-height: 15px;
}

td#trenner {
  width: 3px;
  background-color: rgb(241,241,241);
}

[1] http://visualgrafyx.com/projects/tmp/ie.jpg
[2] http://visualgrafyx.com/projects/tmp/opera.jpg
[3] http://visualgrafyx.com/projects/tmp/