JCB: Elem. in DIV oben, mittig und unten ausrichten (betr. IE6 WinXP)

SELF-Forum

Elem. in DIV oben, mittig und unten ausrichten (betr. IE6 WinXP)

JCB
– Informationen zu den Bewertungsregeln

Tach :)!

Ich habe ein festpositioniertes DIV mit einer festgelegten Größe, welches drei Elemente beinhaltet:

Bild1, Text, Bild2

Dabei soll Bild1 ganz oben, der Text vertikal mittig und das Bild2 ganz unten ausgerichtet werden.

Hier mal der Quellcode, der nicht ganz funktioniert:

<DIV id="div_0" title="div_0" style="LEFT: 1px; VERTICAL-ALIGN: middle; WIDTH: 13px; POSITION: absolute; TOP: 552px; HEIGHT: 78px;">
   <IMG style="LEFT: 0px; POSITION: absolute; TOP: 0px" height=5 src="images/toparrow.gif" width=5>
   Text
   <IMG style="LEFT: 0px; BOTTOM: 0px; POSITION: absolute" height=5 src="images/bottomarrow.gif" width=5>
</DIV>

Das Problem besteht bei dem Text, der nicht mittig, sondern direkt unter Bild1 steht. Bild1 und Bild2 stehen jedoch an der richtigen Position, also oben und unten. Aufgrund des Styles "VERTICAL-ALIGN: middle;" von div_0 müsste aber doch der Text mittig sein oder nicht?

Gruß,
Jan

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Elem. in DIV oben, mittig und unten ausrichten (betr. IE6 WinXP)

    Inita
    – Informationen zu den Bewertungsregeln

    Hi,

    erstes img float:left

    zweites bild float:right

    Inita

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Elem. in DIV oben, mittig und unten ausrichten (betr. IE6 WinXP)

      Gunnar Bittersmann Homepage des Autors
      – Informationen zu den Bewertungsregeln

      Hello out there!

      Du liegst noch im Bett und deshalb sind für dich vertikal und horizontal vertauscht?

      See ya up the road,
      Gunnar

      --
      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

  2. Elem. in DIV oben, mittig und unten ausrichten (betr. IE6 WinXP)

    Gunnar Bittersmann Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hello out there!

    <DIV id="div_0" title="div_0" style="LEFT: 1px; VERTICAL-ALIGN: middle; WIDTH: 13px; POSITION: absolute; TOP: 552px; HEIGHT: 78px;">
       <IMG style="LEFT: 0px; POSITION: absolute; TOP: 0px" height=5 src="images/toparrow.gif" width=5>
       Text
       <IMG style="LEFT: 0px; BOTTOM: 0px; POSITION: absolute" height=5 src="images/bottomarrow.gif" width=5>

    Würdest du bitte auf Inline-Styles verzichten und sämtliche CSS-Angaben gesammelt im Stylesheet notieren?! Das erhöht die Übersicht, macht Feheler unwahrscheinlicher und Hilfe leichter.

    Aufgrund des Styles "VERTICAL-ALIGN: middle;" von div_0 müsste aber doch der Text mittig sein oder nicht?

    Nein. Ein Blick in die CSS-Spec verrät: 'vertical-align': Angewendet auf: Elemente auf Inline-Ebene und 'table-cell'-Elemente [CSS2 §10.8]

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Elem. in DIV oben, mittig und unten ausrichten (betr. IE6 WinXP)

      JCB
      – Informationen zu den Bewertungsregeln

      Tach!

      Würdest du bitte auf Inline-Styles verzichten und sämtliche CSS-Angaben gesammelt im Stylesheet notieren?! Das erhöht die Übersicht, macht Feheler unwahrscheinlicher und Hilfe leichter.

      Inline-Styles vermeide ich immer, jedoch ist mein geposteter Code  von Parametern beeinflusster generierter Code ;). Da kann ich nicht viel machen.

      Nein. Ein Blick in die CSS-Spec verrät: 'vertical-align': Angewendet auf: Elemente auf Inline-Ebene und 'table-cell'-Elemente [CSS2 §10.8]

      Das sagt ja schon alles. Besten Dank!

      See ya up the road,

      Welche Autobahn genau ;)?

      Gruß,
      Jan

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln