✔ Div-Container & Floating...

T

tobm_knows_best

Erfahrenes Mitglied
Hallo zusammen,

wahrscheinlich habt Ihr das Thema jetzt schon zum 1000sten mal angesprochen, aber die Überflutung an Postings bringt´s meist nicht wirklich auf´n Punkt.. :(

Ich habe einen Div, in welchen 2 weitere Divs nebeneinander stehen sollen.
den ersten, inneren Div habe ich die Floateigenschaft left zugewiesen, dem zweiten die Eigenschaft Float right
soweit so gut.

Meine Frage jetzt:
Warum vergrössert sich der Container in dem die beiden DIVs sich befinden nicht mit?
Womöglich ein total simples Ding, aber so einfach das ****s wie ich nicht draufkommen - bis jetzt konnte ich es immer mit der Zuweisung von fixen Werten lösen - ist aber meineserachtens ziemlich unschick....

Kann mir dabei jemand helfen...?

MFG
 
Hallo,

wenn es nach dem Floaten wieder im Normalen Textfluss weitergehen soll, musst du clearen. Ich setzte dazu immer ein span-element mit der höhe und breit = 0 ein.

Beispiel:

Code: 
<span style="height: 0px; width: 0px; clear: both";></span>

Setze das einfach nach den beiden divs in den äußerden Container.

MfG
Moritz
 
OH man.....:(

ich hab´s jetzt mit allem möglichen versucht, aber mir wills nicht gelingen...

Ich weiss wahrscheinlich gar nich genau wo ich zuerst hinsehen soll...
Ich poste einfach mal den Code - vielleicht kann ja jemand beschreiben WO er WAS genau verändert hat... ?!

Ansonsten ... :confused:

EDIT:
Ich hab´ es jetzt so gelöst...

einen weiteren DIV, der die anderen DIVs einschliesst... :)
 
Zuletzt bearbeitet:
tobm_knows_best hat gesagt.:
OH man.....:(

ich hab´s jetzt mit allem möglichen versucht, aber mir wills nicht gelingen...

Ich weiss wahrscheinlich gar nich genau wo ich zuerst hinsehen soll...
Zum Vergrößern anklicken....
Aber ein Außenstehender soll ohne deinen Hinweis, welche Elemente konkret betroffen sind, in diesem "Kauderwelsch" durchblicken?!

Ich rate dir, zunächst mal den Quellcode zu verjüngen, denn das spezielle CSS und jQuery-Script für die Animationen muß hier nicht mehrmals eingebunden werden. Einmalig im Dokumentheader genügt vollkommen.
 
Zuletzt bearbeitet:
spicelab hat gesagt.:
Aber ein Außenstehender soll ohne deinen Hinweis, welche Elemente konkret betroffen sind, in diesem "Kauderwelsch" durchblicken?!

Ich rate dir, zunächst mal den Quellcode zu verjüngen, denn das spezielle CSS und jQuery-Script für die Animationen muß hier nicht mehrmals eingebunden werden. Einmalig im Dokumentheader genügt vollkommen.
Zum Vergrößern anklicken....

Halli Hallo...
entschuldigung - ich konnte leider nicht antworten - man hat ja noch´n Privatleben :)

Ich hab´s mittlerweile gelöst :) Und habe den darauffolgenden Elementen mittels clear-left bzw. clear-right zum "normalen" Aussehen verholfen :) Hat ein wenig gedauert, bis ich rausgefunden habe, dass das Folgeelement das Ausschlaggebende ist ;)

Merci trotzdem nochmal für die Mühen ******
Gibt dennoch ein *DANKE*;)
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück