zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild oder div nach oben vergrößern

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.08.2007, 11:56
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2007
Beiträge: 10
IceReaper befindet sich auf einem aufstrebenden Ast
Standard 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
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.08.2007, 12:55
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 02.08.2007, 13:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2007
Beiträge: 10
IceReaper befindet sich auf einem aufstrebenden Ast
Standard

<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
Mit Zitat antworten
  #4 (permalink)  
Alt 02.08.2007, 13:45
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

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
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
  #5 (permalink)  
Alt 02.08.2007, 18:40
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2007
Beiträge: 10
IceReaper befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #6 (permalink)  
Alt 02.08.2007, 18:51
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von IceReaper Beitrag anzeigen
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
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
  #7 (permalink)  
Alt 03.08.2007, 10:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2007
Beiträge: 10
IceReaper befindet sich auf einem aufstrebenden Ast
Standard

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ß
Mit Zitat antworten
  #8 (permalink)  
Alt 03.08.2007, 12:57
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 25.03.2004
Beiträge: 1.838
RoToRa wird schon bald berühmt werden
Standard

Zitat:
Zitat von IceReaper Beitrag anzeigen
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
__________________
CSS-Rauch! Nicht einatmen!
Mit Zitat antworten
  #9 (permalink)  
Alt 03.08.2007, 14:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 02.08.2007
Beiträge: 10
IceReaper befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 03.08.2007, 14:18
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von IceReaper Beitrag anzeigen
ich kann den ganzen code nicht posten
Aber Du könntest problemlos ein Beispiel (mit Blindtext etc.) erstellen, das das Prinzip zeigt.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Header entfernen tripple CSS 17 15.06.2010 16:41
Design Float IE6 Problem koknarr CSS 10 05.09.2008 19:05
joomla template entschlüsseln nieselfriem CSS 2 18.03.2008 14:12
DIV Cont. und 1 Bild - Lücke unten - Bitte um Hilfe Yukonman CSS 2 05.09.2005 01:49
Bild im Rahmen eines div grml CSS 2 12.05.2005 02:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 16:19 Uhr.