mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mo 20.03.2023 23:04 Benutzername: Passwort: Auto-Login

Thema: float verhindert Ausdehnung übergeordneter divs. Warum? vom 01.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> float verhindert Ausdehnung übergeordneter divs. Warum?
Autor Nachricht
dr4g0on
Threadersteller

Dabei seit: 11.02.2007
Ort: Hannover
Alter: 32
Geschlecht: Männlich
Verfasst Mo 01.09.2008 14:30
Titel

float verhindert Ausdehnung übergeordneter divs. Warum?

 Antworten mit Zitat Zum Seitenanfang
Hallo erstmal *zwinker*

Seit einiger Zeit bin ich dabei ein Projekt hochzuziehen und aktuell beschäftig ich mich mit der Anpassung des Designs an das dzcp.
Ich bin an einem Punkt an dem ich einfach nicht weiterkomme. Egal was ich mache CSS und HTML tun nicht das was ich gerne hätte.
Ich hoffe ihr könnt mir bei meinem Problem helfen.

Die größte Hürde für den Moment ist wohl das ich mir nicht erklären kann warum sich ein gefloatetes div nicht auf die Größe eines übergeordneten divs auswirkt.

Zitat:
<html>

<head>
<style type="text/css">
div#eins {
width: 200px;
background-color: #c7c7c7;
}

div#zwei {
width: 100px;
height: 20px;
background-color: #000000;
margin: 5px;
float: left;
}
</style>
</head>

<body>
<div align="center">
<div id="eins">
<div id="zwei"></div>
</div>
</div>
</body>

</html>


Wenn ich das float: left; weglasse dehnt sich der #c7c7c7 Hintergrund über die Länge des <div id="zwei"> aus aber so nicht...warum?

Das Ganze ist selbstverständlich nur ein Beispiel aber ich kann die Komplette index.html und stylesheet.css auch gerne nochmal verlinken wenn das weiterhilft.

Ich bedanke mich schon einmal im Voraus für jede nur erdenkliche Hilfe.

P.S. Ich entschuldige mich falls dieses Thema hier schon irgendwo mal behandelt wurde und würde mich über Hinweise (Links) zu diesem Thread genauso freuen wie über direkt Antworten.

[edit by grunge: verschoben von programmierung nach allgemeines - nonprint]

Zuletzt bearbeitet von theGRUNGEone am Mo 01.09.2008 15:35, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
SURE612

Dabei seit: 02.12.2005
Ort: Bärlin / CB
Alter: -
Geschlecht: Männlich
Verfasst Mo 01.09.2008 15:04
Titel

Antworten mit Zitat Zum Seitenanfang
du musst das floaten clearen.

füge nach div2 folgendes ein:

<div style="clear: both;"></div>
oder
<br style="clear: both;" />
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
dr4g0on
Threadersteller

Dabei seit: 11.02.2007
Ort: Hannover
Alter: 32
Geschlecht: Männlich
Verfasst Mo 01.09.2008 16:16
Titel

Antworten mit Zitat Zum Seitenanfang
So einfach...unglaublich.
Vielen Dank für die schnelle Hilfe!

* huduwudu! *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Css Float 3 Divs anordnen
divs im ie6 sind untereinander trotz float:left -.-
[CSS-Design] Lücke zwischen 2 DIVS trotz float:left
Hilfe: div float / width:100% - CSS float Box Model
Norton verhindert das Ausführen relevanter Java scripts
div und float
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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB