Was bitte ist width ???
Kalle_Worms
- css
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
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
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
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