Kalle_Worms: Was bitte ist width ???

Hallöle,

mit viel Mühe und stundenlangem Studium des IE 5, NS 7 und FF 1 habe ich erfolgreich drei Spalten per div und CSS definiert.

Habe gelernt, dass sie keinesfalls 100%, sondern nur 99% der Gesamtbreite des <body> einnehmen dürfen (NS 7), und trotz margin:0 zusätzliche vertikale Abstände (IE 5) voneinander haben.

Doch dieses sorgfältig austarierte System brach zusammen, als ich den <div>s nachträglich einen BORDER von nur 1 Pixel verpasste. Genauer: Die dritte Spalte wurde nicht mehr neben, sondern unter der zweiten Spalte dargestellt. Der horizontale Platz reichte nicht mehr.

Bei deutschen Maßangaben gibt es ehrliche "LüP" (Länge über Puffer, ich grüße alle Modelleisenbahner).

Aber in dem USA-nischen Gewirre von width, margin, border, padding, frameborder (was vergessen?) kennt sich doch keine Sau mehr aus.

Was ist jetzt die Gesamtbreite?

Google verweist auf www.w3schools.com:
"The width property sets the width of an element." Ahaaaa !
"CSS Border properties define the borders around an element." Joooop!

Da bin ich armer Tor genauso schlau als wie zuvor.

Ich suche eine grafische Skizze, die das Rahmenmodell erklärt (ist Rahmen der Oberbegriff von diesen "Randerscheinungen" ?)

LG Kalle

  1. Hi Kalle,

    willkommen im Club. Du sprichst ein sehr, sehr trauriges Kapitel der Web- (besser: Browser-) Technik an. Schau doch mal hier < http://www.carsten-protsch.de/zwischennetz/doctype/box_model_bug.html> vorbei oder google mal nach den Stichworten "CSS Box Model" oder alternativ "CSS Box Model Bug".

    Und mache Dich für den Fall Bereit, dass Du Dich in einen Sumpf peinlicher Browser-Implementierungen, Workarounds und Schlimmerem wiederfindest.

    Ciao Ernesto

  2. Hi,

    Aber in dem USA-nischen Gewirre

    Wieso Gewirre? width bezeichnet die Breite des Inhalts des Elements.

    von width, margin, border, padding, frameborder (was vergessen?)

    CSS kennt kein frameborder.

    kennt sich doch keine Sau mehr aus.

    Schließe nicht von Dir auf andere.

    Was ist jetzt die Gesamtbreite?

    Die Breite des Inhalts (width), der Innenabstände (padding), der Rahmen (border) und der Außenabstände (margin).

    Bei der Höhe ist ggf. noch zu berücksichtigen, daß margins kollabieren können.

    "The width property sets the width of an element." Ahaaaa !
    "CSS Border properties define the borders around an element." Joooop!
    Da bin ich armer Tor genauso schlau als wie zuvor.

    Nicht nur eine Zeile des Dokuments, sondern vielleicht auch mal das ganze Dokument lesen.
    Zusammenhänge kann man nur verstehen, wenn man nicht nur einzelne Zeilen liest.

    Ich suche eine grafische Skizze, die das Rahmenmodell erklärt (ist Rahmen der Oberbegriff von diesen "Randerscheinungen" ?)

    http://www.w3.org/TR/REC-CSS2/box.html
    http://www.w3.org/TR/REC-CSS2/visudet.html

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
  3. Hallo!

    Ich suche eine grafische Skizze, die das Rahmenmodell erklärt (ist Rahmen der Oberbegriff von diesen "Randerscheinungen" ?)

    Nein, man spricht vom Box-Modell. Hier ist das sehr anschaulich dargestellt:
    http://www.w3.org/TR/REC-CSS2/box.html#box-content-area

    Grüße
    saltun