mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 07.12.2016 23:54 Benutzername: Passwort: Auto-Login

Thema: [CSS] Height hin, Height her - Größe von DIV's vom 26.09.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] Height hin, Height her - Größe von DIV's
Autor Nachricht
Skamander
Threadersteller

Dabei seit: 11.05.2004
Ort: Halle (Saale)
Alter: 41
Geschlecht: Männlich
Verfasst Mo 26.09.2005 18:06
Titel

[CSS] Height hin, Height her - Größe von DIV's

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Mo 26.09.2005 18:44
Titel

Antworten mit Zitat Zum Seitenanfang

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">&nbsp;</div>


Prinzipiell reicht es, wenn das Element die Eigenschaft
Code:
clear: both;

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 18:51, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
Skamander
Threadersteller

Dabei seit: 11.05.2004
Ort: Halle (Saale)
Alter: 41
Geschlecht: Männlich
Verfasst Mo 26.09.2005 19:05
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Mo 26.09.2005 19:22
Titel

Antworten mit Zitat Zum Seitenanfang

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... *zwinker*

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 19:23, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen css: min-height bei IE 6
CSS - Layout height Problem
CSS, height 100% und der Mist mit Browserverschiedenheiten
Wieder mal... CSS height 100%
[css] FF ignoriert line-height [solved]
div height richtig in css definieren
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


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.