nicht angemeldet
DIV mit Float und trotzdem Hovern?
Hallo!
Ich habe mehrere DIVs mit "float: left" nebeneinander positioniert (siehe Abbildung 1). Nun möchte ich aber, dass sich das eine mithilfe des :hover-Attributes vergrößert. Das habe ich alles hinbekommen. Das Problem ist, dass durch das Vergrößern der Rest des Seiteninhaltes verschoben wird, bzw. sich durch die vielen "floats" umpositioniert.
Wie kann ich es hinbekommen, dass ein einmal durch float positioniertes DIV seine Position hällt? Hierdurch möchte ich eine Art Aufklappeffekt erreichen (siehe Abbildung 2).
Abbildung 1:
+-----+ +-----+ +-----+ +-----+
| | | | |Ordn | | |
+-----+ +-----+ +-----+ +-----+
+--------------------------------------+
Abbildung 2:
+-----+ +-----+ +---------+ +-----+
| | | | |Ordner A | | |
+-----+ +-----+ | Test | +-----+
+---------------| Test B |------------+
+---------+
Vielen Dank,
Svend
-
Hallo,
Wie kann ich es hinbekommen, dass ein einmal durch float positioniertes DIV seine Position hällt?
Geht es nur darum? Das benachbarte Div soll nach deiner Skizze immer noch
wegrutschen, nur nicht wirklich floaten.Vielleicht geht sowas per JavaScript, ansonsten bliebe Eigenschaften per
CSS zu bestimmen, wie width und overflow. Notfalls über zusätzliche
Conatiner-Divs.Einfacher wäre vmtl. ein Überlappen des aufgeklappten Bereichs zu realisieren.
Grüsse
Cyx23
-
Hallo Cyx23!
Vielen Dank für die rasche Antwort.Einfacher wäre vmtl. ein Überlappen des aufgeklappten Bereichs zu realisieren.
Das wollte ich gerade vermeiden, ebenso die Idee mit Javascript. Ich denke ich werde einfach die Dinger statisch positionieren und was mit dem "z-Dingens" machen.
Vielen Dank,
Svend
-