Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 30.07.2014, 14:25
ZENeca ZENeca ist offline
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 29.12.2010
Beiträge: 43
ZENeca befindet sich auf einem aufstrebenden Ast
Frage div-Liste in div

Hallo Leute,

bisschen schwer zu erklären, aber für einen Spezi sicher nicht schwierig zu lösen,
da es vermutlich Basic-Wissen ist

ich hatte vor eine eine div-panel Klasse (graues Feld) zu schreiben,
die sich mit margin an dem umgebenen (roten) div Rahmen ausrichtet,
das aber selber wiederum ein div für eine div-liste darstellt.

Ich habe das zwar auch hinbekommen, aber an einer Stelle muß ich tricksen,
daß es am Schluß auch so aussieht wie ich es mir wünsche

Ein Beispiel sagt mehr als 1000 Worte, so habe ich ein fiddle vorbereitet:

Edit fiddle - JSFiddle

getrickst habe ich für das div mit der Textzeile, die habe ich einfach ein bißchen breiter gemacht,
daß der Browser hinter dem ersten track-div einen Zeilenumbruch machen muß.
wenn ich bei der line-klasse statt dessen ein clear mache schrumpft mein graues panel
und orientiert sich nicht mehr an dem äußersten (roten) Rahmen.
Habe echt keine Idee mehr wie ich einfach alle divs in der Liste (Länge der Liste soll variabel sein)
untereinander setzen kann (ohne einen automatischen Zeilenumbruch zu nutzen),
vielleicht stimmt mein Ansatz auch grundsätzlich nicht, das kann doch nicht so schwierig sein

Bin Dankbar um alle Vorschläge
und bei unklarheiten einfach kurz fragen

Lieber Gruß
Zen
Mit Zitat antworten
Sponsored Links