zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Grafik innerhalb eines Layers positionieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 01.06.2004, 11:14
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.06.2004
Beiträge: 10
rothom befindet sich auf einem aufstrebenden Ast
Standard Grafik innerhalb eines Layers positionieren

Hallo *.*,

Folgende Problemstellung:
Wie kann ich eine Grafik in einem CSS-Layer rechts unten positionieren? Wenn der Layer, bedingt durch Inhalt sich vergrössert, soll die Grafik sich natürlich entsprechend verhalten und ihre Position rechts unten behalten. So dass sie immer am untersten Rand des Layers sitzt.

Was ich schon versucht habe, war, dass ich in diesem Layer einen weiteren Layer gelegt habe mit einer entsprechenden Positionierung. Das entspricht nur bedingt meiner Vorstellung, denn:

bleiben wir bei der Grafik im rechten unteren Bereich. Wenn der Layer später mit Inhalten gefüllt wird, möchte ich, dass beispielsweise der Text dann um die Grafik fliesst. Float: right; sozusagen.

Einen Quelltext kann ich an dieser Stelle nicht bieten, deswegen habe ich versucht, es mal im groben und dennoch detailliert zu schildern.

War ich zu ungenau in meiner Beschreibung des Problems?

Gruss,
rothom
__________________
So long, and thanks for all the fish.
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 01.06.2004, 12:55
raf raf ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.03.2004
Beiträge: 260
raf befindet sich auf einem aufstrebenden Ast
Standard

Hallo,

hier hättest du eine Möglichkeit:

Code:
#grafik {
	  	background-image: url(image.gif);
		background-repeat:no-repeat;
		background-position: bottom right;
}
und dann

Code:
<div id="grafik">
Inhalt	 
 
</div>
Natürlich solltest du auch die größe des Div´s anpassen, width height usw.

Damit der Text um die Grafik fließt, meinst also links davon?

Dann

Code:
<div id="grafik">
<span style="float:right;width:100px;height:50px;bottom:0;">
<img src usw....>
</span>

Jetzt könntest du den Text einfach hier einfügen oder

<span style="float:left;usw...>

Text

</span>
 
</div>
__________________
Ein Gedanke... unendliche Verbindungen
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.06.2004, 10:26
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.06.2004
Beiträge: 10
rothom befindet sich auf einem aufstrebenden Ast
Standard

Hallo starleos,

zu allererst möchte ich mich bei dir für deine Hilfe bedanken, allerdings - warum auch immer - klappt es nicht. Ich habe mich an deinem Lösungsvorschlag gehalten, kann aber das gewünschte Ergebnis (Grafik am rechten-unteren Rand und Text links umfliessend) nicht reproduzieren. Hat es bei dir einwandfrei geklappt?

Gruss,
rothom
__________________
So long, and thanks for all the fish.
Mit Zitat antworten
  #4 (permalink)  
Alt 07.06.2004, 11:19
raf raf ist offline
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 03.03.2004
Beiträge: 260
raf befindet sich auf einem aufstrebenden Ast
Standard

Hi,

sicher doch ich wende es ja selber an, gib bitte doch einen link an wo man es sich anschaeun kann .
__________________
Ein Gedanke... unendliche Verbindungen
Mit Zitat antworten
Antwort


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
Wie eine Grafik in einer Zeile vertikal mittig positionieren? bogazci CSS 5 02.10.2010 20:05
Div mittig ausrichten und innerhalb mit absolute positionieren? philippsen CSS 2 28.12.2009 10:10
Grafik links unten positionieren UND Text rechts umfließen Worance CSS 3 02.06.2008 22:29
mit Link hinterlegte Grafik in Tabellenzelle absolut positionieren... jhartlep CSS 0 01.11.2007 13:46
Grafik richtig positionieren?! Pumpkin CSS 7 13.06.2007 22:43


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