XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   Bild oder div nach oben vergrößern (http://xhtmlforum.de/showthread.php?t=47165)

IceReaper 02.08.2007 11:56

Bild oder div nach oben vergrößern
 
hiho ich hab grade nen richtig kniffliges problem und zwar...
ich habe ein div wodrin ein bild liegt. dieses bild soll immer unten rechts sein
also
<div>
<img/>
</div>

das klappt mit richtiger line-height auf dem div und vertical-align+float right aufs bild ganz gut.
nun kann das bild aber dynamisch sein von der höhe. solange das bild kleiner ist wie das div drum rum wird es nach oben und links geschoben. jedoch sobald der rand des divs erreicht ist wird es nach unten größer.
es soll quasi oben über dem div rausgucken. währe toll wenn mir dabei jemand helfen kann.
(ps. hab schon gegoogelt und css1,2,3 referenzen durchgesucht und nix gefunden was mit irgendwie geholfen hat)

gruß
ice

RoToRa 02.08.2007 12:55

Ist ausser dem Bild, nochwas anderes in dem DIV, und wenn ja, wie sollen Bild und "das andere" mit einander in relation stehen? Wie wird die Höhe des DIV bestimmt?

Robin

IceReaper 02.08.2007 13:30

<div ohne feste höhe, liegt an den beiden float divs>
<floatleft div>
<floatleft div>
<img float right valign unten>
</div>
es soll unten rechts ansetzen aber sich nach oben links groß ziehen über den rand hinnaus.

gruß
ice

RoToRa 02.08.2007 13:45

Verstehe ich nicht.

Poste mal *echten*, *lauffähigen* Code (siehe http://xhtmlforum.de/40080-fuer-frag...twortende.html ) und eine bessere Beschreibung, eventuell wären Skizzen vom gewünschten Ergebnis nicht schlecht.

Robin

IceReaper 02.08.2007 18:40

http://www.eiveo.net/temp.png
alles schön verschachtelt nur oben rechts der kasten wird ein <img> welches unten rechts "anhaften soll". das tuts auch und vergrößert sich schön nach links und oben wenn das bild größer ist. jedoch wenns am oberen rahmen ankommt der roten fläche schiebt es die rote fläche auseinander.
(ps: sieht da so aus wie's sein soll, habs mit photoshop editiert)

RoToRa 02.08.2007 18:51

Zitat:

Zitat von IceReaper (Beitrag 343919)
alles schön verschachtelt

"Verschachtelt" hört sich nicht "schön" an.

Zitat:

nur oben rechts der kasten wird ein <img>
Welcher Kasten "oben rechts"? Das türkise?

Zitat:

welches unten rechts "anhaften soll".
Welches "unten rechts"? Das vom großen roten Kasten? Hat da eine feste Größe, oder ändert es sich auch?

Relevant wären auch was für inhalt noch so vorhanden sind.

Code?

Robin

IceReaper 03.08.2007 10:22

ja oben rechts der türkise kasten und ja er soll unten rechts am roten anhaften, was er auch tut. da das ding per align/v-align unten rechts klemmt gehts auch perfekt. das rote div hat eine feste höhe. wenn das bild beim "größerwerden" jetzt den oberen rand berührt vergrößert es automatisch das div. hab mir überlegt ne javascript lösung zu machen indemich es relativ oder absolut positioniere, was ich aber eig ziemlichst unschön finde.

gruß

RoToRa 03.08.2007 12:57

Zitat:

Zitat von IceReaper (Beitrag 344035)
align/v-align unten rechts klemmt gehts auch perfekt.

vertical-align? Benutzt du eine Tabelle, denn vertical-align funktioniert wie du es andeutest nur bei Tabellenzellen? CODE?

Zitat:

wenn das bild beim "größerwerden" jetzt den oberen rand berührt vergrößert es automatisch das div.
Wie wird ein Bild größer? CODE?

Falls du es immer noch nicht kapiert hast: CODE????

Robin

IceReaper 03.08.2007 14:03

na dann such ich wo anders. ich kann den ganzen code nicht posten aus diversen gründen darf ich das halt nicht, habe versucht das so übersichtlich zu lassen wies geht.

heiko_rs 03.08.2007 14:18

Zitat:

Zitat von IceReaper (Beitrag 344103)
ich kann den ganzen code nicht posten

Aber Du könntest problemlos ein Beispiel (mit Blindtext etc.) erstellen, das das Prinzip zeigt.


Alle Zeitangaben in WEZ +2. Es ist jetzt 21:56 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023