| Diese Tabellenzelle beihaltet einen sehr langen, langen, langen Text. Vermutlich müssen sie nach link oder rechts scrollen, um ihn komplette lesen zu können. Diese Zelle wurde mit einer Breitenangabe von 1500 Pixeln versehen. | |
| Diese Zelle ist 30% breit. | Und diese 70%. |
Frage: Was sind jetzt die 70%?
Eine prozentuale Angabe bezieht sich immer auf das Elternelement. Da dieses hier 1500px breit ist, zugeordnet mit width="1500px" im table Tag.
Somit ist also die untere link Zelle 30% von 1500 Pixeln breit und die untere rechte 70% von 1500 Pixeln breit.
Das hier (gehört zu dem obrigen Absatz) ist übrigends ein p-Element - und absolut unformatiert.
Lediglich an einigen Stellen steht <br>.
| Diese Tabellenzelle beihaltet einen sehr langen, langen, langen Text. Hier werden Sie wohl kaum scrollen müssen. Diese Tabelle wurde überhaupb nicht mit irgendeiner Breitenangabe versehen. Sie bricht automatisch um. | |
| Diese Zelle ist 30% breit. | Und diese 70%. |
Frage: Was sind jetzt hier die 70%?
Wie oben geschrieben, beziehen sich die Breitenangaben auf das Elternelement. Da dieses hier überhaupt keine Breitenangabe besitzt,
wird es als 100% gewertet - die Tabelle (table Tag) beansprucht also die ganze Seitenbreite.
Somit sind es hier 30% von der Seitenbreite und natürlich ebenso 70% von der Seitenbreite.
Aufgabe: Ändern Sie die Fenstergröße.
Und, was sehen Sie? Die untere Tabelle pass sich an, die obere natürlich nicht.
Sie können sich ja mal in Ihrem Browser den Quellcode der Seite anschauen.