Grafik an div-Größe anpassen.
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
anwendungsbeispiel
artikel
bild
dank
ecke
fertig nachtrag
folgen
geschriebenen inhalt
grafik
hintergrund
http
inhalt
klicken
legen
schmale streifen
text
tip
url
vier
vorschlag
-
Ich habe ein kleines Problem:
Ich wollte diese Bild:
http://maechte-der-elemente.lima-city.de/img/guestbook2.gif
Verwenden, um es als Hintergrund für meinen Inhalt zu vergrößern.
Den geschriebenen Inhalt wollte ich dann mit einem zweiten div darüberlegen, weil ich mir nicht sicher war, wie ich ein Hintergrundbild in divs auf die Höhe des divs anpassen kann. ICh vermute mal, dass das dann genau so wie bei Tabellen funzt, aber auch das ist mir nicht geläufig.
Könnte mir jemand sagen, wie ich erreichen kann,d ass das bild immer groß genug ist, sodass der INhalt noch drauf steht und nicht irgendwann darüber hinausragt?
Dabei wäre mir die beste Version, eurer Meinung nach, die beste, am wichtigsten.
Mfg
Mde
Beitrag zuletzt geändert: 31.10.2009 16:33:19 von maechte-der-elemente -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
ähm so wied das nicht funktionieren.
Entweder du hast eine grafik die kannst du ja in hintergrund legen dann mit einem 2en div darüber text . aber sobals dein div größer wird kann er die grafik ja nich verzerren ^^
mein vorschlag nimm eine grafik zb. 500px auf 800px und setz da dann deinen text drauf ! ohne den hintergrund zu ändern.
wenn mehr text rein soll dann mach einen overflow: scroll; rein dann scrollt nur der text. oder wenn du schon ein buch nimmst mache
einen javascript der dir durch klicken von nexte seite den neuen inhalt ladet.
aber vergrößern von hintergründen wüsst ich nciht das sowas mit css funkt. -
Ich hab jetzt ne übergangslösung, aber wahrscheinlich werde ich das mit dem Blättern nehmen.
Danke für den Vorschlag -
Nimm deine Hintergrundgraphik und zerschneide sie.
4 ecken und vier schmale Streifen für die einzelnen Ränder.
Dann baust Du dir ein Gerüst aus Divs und Spans. So kannst Du die Ränder mit repeat-x/y entsprechend der Größe deines Content skalieren. Fertig.
Nachtrag: Anwendungsbeispiele findest Du hier: http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/ Den weiterführenden Links zu folgen lohnt sich.
FF.
Beitrag zuletzt geändert: 31.10.2009 18:55:23 von fatfreddy -
fatfreddy schrieb:
Nimm deine Hintergrundgraphik und zerschneide sie.
4 ecken und vier schmale Streifen für die einzelnen Ränder.
Dann baust Du dir ein Gerüst aus Divs und Spans. So kannst Du die Ränder mit repeat-x/y entsprechend der Größe deines Content skalieren. Fertig.
Nachtrag: Anwendungsbeispiele findest Du hier: http://aktuell.de.selfhtml.org/artikel/css/runde_ecken/ Den weiterführenden Links zu folgen lohnt sich.
FF.
Genau so hatte ich es gelöst
Trotzdem danke für den Tipp. -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
