zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Bild rechtsbündig geht nicht

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 27.03.2009, 16:04
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.03.2009
Beiträge: 2
MaxHeinrichmeier befindet sich auf einem aufstrebenden Ast
Standard Bild rechtsbündig geht nicht

Hallo zusammen!

Ich habe einen Text der auf eine fixe Breite definiert ist. Dieser Text liegt in einem Div-Container der ca. 80% der Bildschirmbreite breit ist. Sinn ist einfach das der Text nicht quer über den ganzen Bildschirm geht zwecks besserer Lesbarkeit.

Nun sollen Bilder in diesen Container eingefügt werden, und zwar so dass diese am rechten Containerrand anliegen und - bei Bedarf - der Text um das Bild fließt.

Mit Firefox klappt das auch, der Internet Explorer will nicht. Der haut das Bild zwar auch schön an den Rand, schreibt den Text aber unter das Bild.

CSS für den Text:
Code:
.text { <? if (strpos($HTTP_USER_AGENT, "MSIE")) { echo " width: 50em; "; } ?> max-width: 580px; font-family: arial; <? if (strpos($HTTP_USER_AGENT, "MSIE")) { echo " font-size: 1.2em; "; } else { echo " font-size: 13px; "; } ?> font-weight : normal; text-align: justify; color: #6A6B6F; padding-right: 40px; padding-left: 80px; text-indent : 1em; }
CSS für den Container des Bildes:
Code:
#bild { position: relative; right: 0px; width: 640px; float: right; margin-left: 5px; }
Frage also: wie kriege ich den Explorer dazu den Text auch um das Bild zu schreiben?
Danke!


angucken kann man es unter Baureihe 120 | 120er.de
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 27.03.2009, 16:27
Benutzerbild von Thor
Supreme Commander
XHTMLforum-Mitglied
 
Registriert seit: 13.11.2008
Ort: Bremen
Beiträge: 156
Thor befindet sich auf einem aufstrebenden Ast
Standard

Gib dem Bild
Code:
float: right
HTML-Code:
<div id="content">
  <img style="float: right;" src="http://www.lipsum.com/images/lorem.gif" alt="" />
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin turpis. Aliquam metus enim, malesuada at, varius ac, euismod tristique, purus. Donec in sem pellentesque lacus eleifend facilisis. Nullam convallis congue risus. Aenean at lacus. Quisque pretium varius urna. Sed id nibh id felis scelerisque pharetra. Ut a quam in sapien molestie tincidunt. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus leo. Pellentesque eget lorem ac ante fringilla placerat. Vivamus in mauris. Ut libero. Suspendisse suscipit, nisi sed cursus elementum, massa nisl condimentum sapien, id posuere sapien tortor sit amet odio. Donec vitae massa non diam condimentum semper. Nunc magna. In hendrerit est non augue. Curabitur leo risus, placerat id, suscipit nec, laoreet ut, ipsum. Aenean sollicitudin leo nec quam. Quisque ut mauris. Donec sit amet ligula. Donec ac nulla et augue egestas tincidunt. Donec a est quis arcu scelerisque tempus. Etiam velit. Donec quam. Donec in justo eu risus rutrum venenatis. Ut placerat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis aliquam massa non dolor. Suspendisse vulputate lacus id turpis. Integer eros. Quisque aliquet luctus libero. Fusce sodales erat id est. Nam urna. Maecenas aliquam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Phasellus ante elit, tincidunt eget, ornare eu, consectetur non, nulla. Quisque tincidunt libero quis lacus. Donec tristique lorem ornare nunc. Aliquam sit amet purus. Sed aliquam metus in arcu. Maecenas ultrices ullamcorper nulla. Ut ut sapien. Pellentesque eu eros vitae eros ultrices dapibus. Morbi tempus. Proin enim.
  </p>
</div>
__________________
The very jung do not always do as they are told.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 27.03.2009, 17:00
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 27.03.2009
Beiträge: 2
MaxHeinrichmeier befindet sich auf einem aufstrebenden Ast
Standard

Keine Änderung, Text geht erst unter dem Bild weiter.

nehm ich den Container weg in den ich das Bild gepackt habe, zeigt der Explorer das Bild nicht mehr an sondern nur Luft
Mit Zitat antworten
  #4 (permalink)  
Alt 27.03.2009, 17:01
Benutzerbild von Thor
Supreme Commander
XHTMLforum-Mitglied
 
Registriert seit: 13.11.2008
Ort: Bremen
Beiträge: 156
Thor befindet sich auf einem aufstrebenden Ast
Standard

Dann hast du noch anderes CSS mit drin, das da stört. So, wie es in dem Beispiel steht, geht es definitiv.
__________________
The very jung do not always do as they are told.
Mit Zitat antworten
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
Bild ersetzten durch Bild-nr. +1 luki.boy Javascript & Ajax 3 13.04.2011 10:13
Bild durch Bild ersetzten! (a:hover) Prof. Awesome CSS 11 16.03.2011 15:33
Bild als Active makieren siriussmarty CSS 0 08.07.2010 15:37
Bild über Bild rafa CSS 2 24.01.2010 19:46
Bild mit Rahmen aus Bild Holger (HMR) CSS 3 21.05.2008 13:55


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