div braucht so viel Platz
lepa
- css
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
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
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
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
HI ChrisB,
super, danke, genau das was ist gesucht habe.
Grüße
lepa