Marius Hächler: Nach position:absolute; normal weiter

Hallo ich habe ein Problem und zwar:

<div>Name</div>
<div>Farbe</div>
<div id="bilder" style="position:absolute;">
  <!-- Ein paar bilder mit position:absolute angeordnet -->
</div>
<div>Grund</div>

Jetzt habe ich aber alles was unter position:absolute angezeigt wird im Browser oben angezeigt. Konkret, Der Grund <div> ist gerade nach dem Farben <div>.
Weiss jemand wie ich dass richtig darstellen kann ohne bei jedem element die Positionen einzutragen?

  1. Tachchen!

    Weiss jemand wie ich dass richtig darstellen kann ohne bei jedem element die Positionen einzutragen?

    Ich kann deinen Ausführungen nicht einmal entnehmen, wie die Bilder
    denn nun angeordnet werden sollen! Das verkompliziert die Aufgabe merklich. ;-)

    Gruß

    Die schwarze Piste

    --
    ie:{ fl:( br:^ va:) ls:# fo:) rl:( n4:& ss:{ de:] js:| ch:? mo:) zu:$
    Smartbytes Webdesign in Oberhausen
  2. Moin,

    Wenn der Browser andere Divs an einem bestimmten (in Deinem Fall das mit der ID "Bilder") ausrichten soll, MUSS die Positionierung static oder zumindest relative sein (logischerweise):

    Wenn Du "position: absolute" setzt, sagst Du dem Browser mit der Holzhammer-Methode

    "Das Element kommt genau DAHIN, ganz egal, wie du als Browser darüber denkst, und deine interne Positionierung interssiert mich nicht!"

    - nachfolgende Divs können sich natürlich danach nicht richten, denn mit dem Position:absolute hast Du dem Browser jede Kontrolle über die Positionierung entzogen.

    Deswegen richtet er die folgenden Divs an den Divs aus, über die er noch Kontrolle hat (in deinem Fall also "Name" und "Farbe").

    In der Regel gibt es aber immer einen Alternativ-Weg.
    Hast Du irgendwo eine Demo-Seite, wo man sich ansehen kann, was Du eigentlich erreichen willst?

    Gruesse,
    Joerg