dynamisches div mit float

dynamisches div mit float

Beitragvon liz » 16.01.2012, 15:07

Hi,
bin neu hier und hoffe, dass Ihr mir helfen könnt.
ich habe in einem div mit fixer breite drei divs liegen, zwei mit fixer breite und eines ohne breiteangabe, das sich mit float:left neben die anderen beiden divs legen soll.
wenn ich bei allen drei die breite angebe, funktioniert alles - kein problem.

die zwei ersten divs sind aber nicht auf jeder seite vorhanden und ich möchte, dass wenn sie da sind, die drei divs neben einanderliegen (also das dritte schmäler wird) und wenn die ersten beiden divs nicht da sind, das dritte die gesamte breite ausfüllt.
Konnte ich mich verständlich machen?

Im Moment ist es aber so, dass das dritte immer unter die beiden anderen rutscht, also nicht floatet.

<div id="container" style="width:600px;float:left">
<div id="box1" style="width: 100px;float:left;">aj dfldsjf</div>
<div id="box2" style="width: 100px;float:left;">aj dfldsjf</div>
<div id="box3" style="float:left;">aj dfldsjf</div>
</div>

(der container hat ein float:left, weil er ebenfalls mit einem weiteren Element gefloatet wird...)

Bin für jeden Tipp dankbar!
liz
neu hier
 
Beiträge: 1
Registriert: 16.01.2012, 14:58

Re: dynamisches div mit float

Beitragvon id4n1el » 16.01.2012, 15:28

Hey liz,

Was genau möchtest du mit dem Container und den gefloateten Div im nachhinein erreichen?

Ich habe es jetzt so verstanden, du möchtest in einem Wrapper,

Code: Alles auswählen
<div style="width:600px; height:200px;  float:left;" id="Wrapper"></div>


3 weitere Felder einbringen, die nebeneinander liegen und der dritte <div> soll falls die ersten beiden <div> Tags nicht da sind die komplette Breite einnehmen?

Dabei stellt sich nun nur die Frage wie sollen die ersten zwei <div> Tags den verschwinden?
Falls du sie dann manuel ausblendest ergibt der ganze Treath ja überhaupt keinen sinn :D

Oder möchtest du es mit einem Mouseover machen?
Sobald man mit der Mouse über das dritte Feld fährt das dies dann die gesammte Breite einnimmt?

Wie Zum Beispiel bei diesem Contentslider :

slidedeck.com

Würde mich über eine genaue Antwort freuen un würde gerne helfen:)

Mit freundlichen Grüßen
id4n1el
id4n1el
neu hier
 
Beiträge: 3
Registriert: 16.01.2012, 12:41

Re: dynamisches div mit float

Beitragvon djheke » 07.02.2012, 20:42

Benutzeravatar
djheke
Stammuser
 
Beiträge: 200
Registriert: 15.11.2010, 22:45


Moderatoren: Laus, Moderatoren

Ähnliche Beiträge zu "dynamisches div mit float"

Zurück zu: CSS für Fortgeschrittene

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 2 Gäste