 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
Skamander
Threadersteller
Dabei seit: 11.05.2004
Ort: Halle (Saale)
Alter: 49
Geschlecht: 
|
Verfasst Mo 26.09.2005 19:06
Titel [CSS] Height hin, Height her - Größe von DIV's |
  |
|
Moin Forum,
ich hab mal eine grundlegende Frage zu DIV's. Warum verändern
sich diese erst mit dem Einsatz der height-Eigenschaft in der Höhe?
Ich habe mir diese bisher immer als eine Art Gummiballon vorge-
stellt: je mehr Inhalt ich reingebe, desto mehr dehnt sich ein DIV
aus. Dem ist aber nicht so, wenn ich die height-Eigenschaft weg-
lasse, bekommt das DIV die Höhe einer Briefmarke, unabhängig,
was bzw wieviel Inhalt sich zwischen den Tags befindet.
Hier mal ein Beispiel zur Verdeutlichung. Der schwarze Strich über
der 2. blauen Box ist das Div, welches im oberen Beispiel den schwar-
zen Rahmen bildet. Hier habe ich in der CSS-Definition aber die
height-Eigenschaft weggelassen.
Hoffe auf Erleuchtung durch euch
Sven
|
|
| |
   |
 |
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mo 26.09.2005 19:44
Titel
|
|
|
Wenn du in den DIV mit dem schwarzen Rahmen als letztes Element ein sogenanntes Clear setzt, umschließt der den Inhalt auch wie gewollt, ohne dass du eine Höhe setzen musst:
| Code: | | <div class="clear"> </div> |
Prinzipiell reicht es, wenn das Element die Eigenschaft
bekommt, allerdings setze ich imme rgleich folgende Kombination:
| Code: | clear: both;
float: none;
height: 0;
line-height: 0;
font-size: 0.1px; |
Der IE gibt dem nämlich sonst ab und an trotzdem eine Höhe, und das zerhaut unter Umständen das LAyout.
// http://positioniseverything.net/easyclearing.html
Zuletzt bearbeitet von way2hot am Mo 26.09.2005 19:51, insgesamt 1-mal bearbeitet
|
|
| |
|
|
|
Anzeige
|
|
|
Skamander
Threadersteller
Dabei seit: 11.05.2004
Ort: Halle (Saale)
Alter: 49
Geschlecht:
|
Verfasst Mo 26.09.2005 20:05
Titel
|
|
|
Danke way2hot.de für Deine Antwort.
Es geht mir bei meiner Frage aber eher um das grundlegende Verständnis,
warum sich ein DIV so verhält und sich nicht, wie z. Bsp. ein <TD>, mit
seinem Inhalt ausdehnt.
|
|
| |
|
|
way2hot
Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 41
Geschlecht:
|
Verfasst Mo 26.09.2005 20:22
Titel
|
|
|
| Skamander hat geschrieben: | Danke way2hot.de für Deine Antwort.
Es geht mir bei meiner Frage aber eher um das grundlegende Verständnis,
warum sich ein DIV so verhält und sich nicht, wie z. Bsp. ein <TD>, mit
seinem Inhalt ausdehnt. |
Daher der Link... 
| positioniseverything.net hat geschrieben: | When a float is contained within a container box that has a visible border or background, that float does not automatically force the container's bottom edge down as the float is made taller. Instead the float is ignored by the container and will hang down out of the container bottom like a flag. Those familiar only with Explorer for Windows may scratch their heads and say "That's not right!" True, IE/Win does enclose a float within a container 'automatically', but only if the container element has a stated dimension, and in any case it's a W3C spec violation. This illegal behavior can also be 'toggled' on and off by links within the container, if 'hovering' alters the link background or several other properties. Quite a mess.
[...]
The W3C suggests using a "cleared" element last in the container box, which is recognized by the container, forcing the container to enclose that cleared element. As described in Float: The Theory
[...] |
Zuletzt bearbeitet von way2hot am Mo 26.09.2005 20:23, insgesamt 1-mal bearbeitet
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
div height 100%?
Div 100% Height
css: min-height bei IE 6
[IE7 Problem] height in %
div height:100% des Elternelements
height in Netscape
|
|
|
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
|
