lepa: div braucht so viel Platz

Hallo,

ich habe mich mal näher mit <div> und der relativen Positionierung als Alternative zu Tabellengeschachteltem und zerhacken Grafiken entschieden.

Nun habe ich also ein großes Bild und einen div drunter im dem der text ist, und dieses div positioniere ich über das große Bild, so als ob es aussähe, dass der text in dem Bild ist:

siehe: http://www.freundeskreis-oberhaching.de/extern/molla/about.html

das klappt ja auch wunderbar, allerdings hat das den Nebeneffekt, dass die Seite sehr lang wird, weil das div anscheinend erst unten nach dem Bild drangehängt wird, und dann quasi nach oben verschoben wird, der Platz aber unten bleibt

jetzt Frage: wie bringe ich es hin, dass die Seiten nicht so lang werden?

Grüße aus finnland

  1. Hi lepa!

    Nun habe ich also ein großes Bild und einen div drunter im dem der text ist, und dieses div positioniere ich über das große Bild, so als ob es aussähe, dass der text in dem Bild ist:

    Nur ein Stichwort: Hintergrundbild!

    Ich hoffe, das hilft dir weiter. =)

    LG H☼psel

    --
    "It's amazing I won. I was running against peace, prosperity, and incumbency."
    George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
    Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
    1. HI Höpsel,

      ja das sagt mir was, aber ich will die ganze Grafik ungern als Hintergrundbild haben, weil ich dann viele divs für die links im Menü machen muss, und wenn ich die grafik ganz normal mit <img> einbinde dann kann ich einfach eine image map benutzen und das ist leichter, weil ich dazu ein Programm habe.

      Gibt es keine andere Lösung? Muss man wirklich mit dem vielen sinnlosen Platz leben?

      Danke und Viele Grüße

      Hi lepa!

      Nun habe ich also ein großes Bild und einen div drunter im dem der text ist, und dieses div positioniere ich über das große Bild, so als ob es aussähe, dass der text in dem Bild ist:
      Nur ein Stichwort: Hintergrundbild!

      Ich hoffe, das hilft dir weiter. =)

      LG H☼psel

  2. Hi,

    das klappt ja auch wunderbar, allerdings hat das den Nebeneffekt, dass die Seite sehr lang wird, weil das div anscheinend erst unten nach dem Bild drangehängt wird, und dann quasi nach oben verschoben wird, der Platz aber unten bleibt

    Natuerlich, genau so ist relative Positionierung definiert: Verschiebe das Element in Bezug auf seine *Normalposition*, und behalte dabei den Platz, den es urspruenglich eingenommen haette, reserviert.

    jetzt Frage: wie bringe ich es hin, dass die Seiten nicht so lang werden?

    Absolute Positionierung haette diesen Effekt nicht, weil sie Elemente aus dem Fluss nimmt - wuerde ich hier aber nicht nehmen, sondern statt relativer Positionierung einfach ein negatives margin-top benutzen, um den Div von seiner Normalposition aus nach oben zu ziehen.

    MfG ChrisB

    1. HI ChrisB,

      super, danke, genau das was ist gesucht habe.

      Grüße

      lepa