nicht angemeldet
Bild rechts ausrichten funktioniert nicht
0 
suit
Bild rechts ausrichten funktioniert nicht
Hi,
ich würde das Bild gerne rechtsbündig haben:
<style type="text/css">
<!--
.field-field-bild {
float: right;
margin:0px;
border: thin solid #000000;
}
.content
{
/* float: left; */
}
-->
</style>
</head>
<body>
<div class="content">
<p>Testeintrag</p>
<div class="field field-type-image field-field-bild">
<div class="field-items">
<div class="field-item odd"><a href="/dokumentation--testdoku.html" class="imagecache imagecache-Buchseite_mainimage imagecache-linked imagecache-Buchseite_mainimage_linked active">
<img src="/imagecache/Buchseite_mainimage/dokumentation/screenshot-drupal.org_0.png" alt="screenshot-drupal.org.png" title="" class="imagecache imagecache-Buchseite_mainimage" /></a>
</div>
</div>
</div>
</div>
</body>
Das Bild erscheint bei mir aber unter dem content div rechtsbündig.
Aber wie bekomme ich es denn im content div rechtsbündig?
Danke schon mal.
Bye, Chris
-
Das Bild erscheint bei mir aber unter dem content div rechtsbündig.
Kann ich nicht nachvollziehen - kann man das ganze online in einem validen Beispiel sehen - zudem mit der Information, in welchem Browser das auftritt?
btw: welches CMS verbricht diesen Code - oder warst du das etwa selbst?
-
oha ein Drupaler ;-)
Da schlag ich mich auch manchmal mit der diveritis rum. Das Problem hängt wohl am <p>Testeintrag</p>, denn das <p> ist ja ein Blockelement, welches die ganze Breite einnimmt, da hat auch ein float right daneben keinen platz mehr. Also <p> eine Breite angeben, damit das float right noch daneben Platz hat.
Grüsse
Pierre-
... noch was übersehn.
Du musst dem <p> noch ein float left mitgeben, denn das Blockelement ist so definiert, dass das nachfolgende Element darunter gestellt wird, egal, ob daneben was Platz hätte.
Und dann schadet es nicht, wenn du .content noch mit overflow: hidden versiehst, so wird das umschliessende div auch um die darinliegenden Elemente platziert.
Gibt hier http://aktuell.de.selfhtml.org/weblog/css-spaltenlayout einen sehr nützlichen Link.
Hoffe, das hilft.
Pierre -
hi,
Da schlag ich mich auch manchmal mit der diveritis rum. Das Problem hängt wohl am <p>Testeintrag</p>, denn das <p> ist ja ein Blockelement, welches die ganze Breite einnimmt, da hat auch ein float right daneben keinen platz mehr.
?? Wenn das Blockelement vor <p>Testeintrag</p> ein float vorgibt, nimmt <p>Testeintrag</p> nicht die gesamte Breite ein sonderen kommt schön daneben gefloatet.
Also <p> eine Breite angeben, damit das float right noch daneben Platz hat.
Unsinn.
Hotte
--
Wenn der Kommentar nicht zum Code passt, kann auch der Code falsch sein.
-
-