✔ Div-Container & Floating...

[tobm_knows_best]

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

 

[Momo95]

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:

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

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

MfG
Moritz

 

[SpiceLab]

Das "Clearing" funktioniert auch ohne solch ein inhaltsleeres Element.

Webmaster FAQ -> CSS Warum passt sich die Boxenhöhe nicht dem Inhalt an?

 

[tobm_knows_best]

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

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

einen weiteren DIV, der die anderen DIVs einschliesst...

 

[SpiceLab]

Geändert von tobm_knows_best (06.04.12 um 21:12 Uhr) Grund: Code gelöscht

... war keine kluge Entscheidung, dir konkrete(re) Hilfestellung leisten zu können

 

[tobm_knows_best]

steht das *Angebot* noch**** :S

 

[SpiceLab]

steht das *Angebot* noch**** :S

tutorials.de USER HELFEN USERN

 

[tobm_knows_best]

ein Traum - es gibt doch noch freundliche Menschen...

hier nochmal der Code:

*GELÖSCHT*

 

[SpiceLab]

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

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.

 

[tobm_knows_best]

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.

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*