zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild in DIV Container ganz unten Positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.11.2005, 18:22
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2005
Ort: Passau
Beiträge: 9
jobo befindet sich auf einem aufstrebenden Ast
Standard Bild in DIV Container ganz unten Positionieren

Hallo,

mal ne Frage: Wie positioniere ich ein Bild per CSS in einem DIV ganz unten?
vertical-align geht glaub ich nur bei Text?
Position:relative; bottom: 0; als IMG style funktioniert auch nicht.
Wie dann? Mit genauen Werten zu rechnen geht auch nicht weil die Bilder und
DIVs unterschiedliche Höhen haben und ichs für mehrere schreiben möchte.

Hat wer nen Plan? Bestimmt jeder mehr als ich
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.11.2005, 18:23
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Einfach gehts, indem du das Bild als Hintergrundbild in das DIV einfügst und entsprechend positionierst, z.B.

<div class="test">Das ist mein DIV</div>

CSS:

.test
{
background: url(deinbild.jpg) bottom left no-repeat;
}
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 09.11.2005, 18:35
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2005
Ort: Passau
Beiträge: 9
jobo befindet sich auf einem aufstrebenden Ast
Standard Bildposition

Zitat:
infach gehts, indem du das Bild als Hintergrundbild in das DIV einfügst und entsprechend positionierst
stimmt, aber das bild soll anklickbar sein und es soll bei verschiedenen größen über einen style funktionieren.

gibts keinen anderen weg?
Mit Zitat antworten
  #4 (permalink)  
Alt 09.11.2005, 18:46
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

dem umgebenden container ein position: relative mitgeben und dem img ein display block und ein position:absolute mit bottom: 0 usw.
Damit der Text nicht ins Bild reinläuft wäre vermutlich ein padding für das letzte p zu empfehlen, da das bild mit pos absolute aus dem Elementefluss rausgenommen ist.


grüsse andir
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte
Mit Zitat antworten
  #5 (permalink)  
Alt 09.11.2005, 19:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2005
Ort: Passau
Beiträge: 9
jobo befindet sich auf einem aufstrebenden Ast
Standard

Passt! So funktionierts... Danke

Wofür is eigentlich das display:block; hier ?

Weißt Du vielleicht auch wie man sowas mit floatenden Divs machen kann?
Geht wahrscheinlich nicht, wenn dann das image absolut positioniert wird?
Wär aber sehr praktisch.
Mit Zitat antworten
  #6 (permalink)  
Alt 09.11.2005, 19:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2005
Ort: Passau
Beiträge: 9
jobo befindet sich auf einem aufstrebenden Ast
Standard

habs mit nem zweiten div außenrum probiert, so funktionierts dann auch mit floatenden divs.

also div mit float:left;
dann innerhalb div mit position:relative;
und darin das img mit position: absolute, bottom:0; etc

jedenfalls herzlichen dank für die hilfe
Mit Zitat antworten
  #7 (permalink)  
Alt 09.11.2005, 21:33
Benutzerbild von The Doc
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 19.01.2005
Beiträge: 1.113
The Doc befindet sich auf einem aufstrebenden Ast
Standard

schomal ausprobiert float und position gleichzeitig zu setzen?
__________________
Bitte keine PN's - schreibt mir ne anständige Mail oder sprecht mich über Msn / Icq an
Milian Wolff | Markdownify | Typogridder
Mit Zitat antworten
  #8 (permalink)  
Alt 10.11.2005, 02:05
Benutzerbild von Boris
Tanzender Webentwickler
XHTMLforum-Kenner
 
Registriert seit: 29.07.2004
Ort: Kornwestheim / Stuttgart
Beiträge: 4.925
Boris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer MenschBoris ist ein sehr geschätzer Mensch
Standard

Zitat:
Wofür is eigentlich das display:block; hier
Um aus einem Inline-Element (wie IMG oder A) ein Blockelement zu machen.
__________________
My software never has bugs. It just develops random features ...

» DevShack - die Website des freien Webentwicklers Boris Bojic
Mit Zitat antworten
  #9 (permalink)  
Alt 10.11.2005, 11:29
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 12.07.2005
Ort: Passau
Beiträge: 9
jobo befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
schomal ausprobiert float und position gleichzeitig zu setzen?
yup, funktioniert auch.
danke
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
CSS - CMS - lange Menus Balken/BG oben? shinobi CSS 3 13.10.2011 22:12
Unterschiedlich großes Bild in festes div mittig positionieren. Cyborg CSS 4 13.09.2011 18:10
Vertikale Ausrichtung eines Div mit Bild carla99 CSS 8 20.07.2008 23:22
Bild oder div nach oben vergrößern IceReaper CSS 9 03.08.2007 14:18
CSS Div Container positionieren rusht CSS 4 16.02.2006 09:00


Alle Zeitangaben in WEZ +2. Es ist jetzt 13:45 Uhr.