unerwartete Position des Bildes

[Frank Mehlhop]

Hallo,

ich gestalte da eine Webseite und möchte ein Bild auf Höhe (neben) eines Textabsatzes abbilden. Aber aus irgendwelchen mir unerklärlichen Gründen steht das Bild tiefer. Ich denke, dass sa zuvor anders aus, aber sowohl im Firefox als auch im IE sieht es nicht aus, wie ich es vom Quelltext erwarte.

Zu besichtigen auf: www.eft-dresden.de/coaching.php

Es geht um das Foto vom Raum.

Und hier der Quelltext dazu:

  <h1>Die persönliche Beratung</h1>  
  <img src="images/coach.jpg" width="200" height="267" alt="Coach" style="float:right; margin: opx opx 10px 10px" />  
	<p>Im Mittelpunkt der Beratung steht der individuelle Lebensprozess...

Warum steht das Bild nicht bündig mit den Text???

[misterunknown]

Moin,

Warum steht das Bild nicht bündig mit den Text???

Ich vermute das liegt am margin. Wenn du statt margin padding nimmst, sollte es funktionieren.

Grüße Marco

[1UnitedPower]

Ich vermute das liegt am margin. Wenn du statt margin padding nimmst, sollte es funktionieren.

Und "opx" ist kein gülter Wert.

[Frank Mehlhop]

Weder das o mit 0 zu ersetzen (danke für den Hinweis!),
noch margin mit padding zu ersetzen (Danke für den Versuch;)
führen zum Erfolg. :(

Sonst noch Idee`n?
Danke!
Frank

[ralf]

Setz das  "<p>Im Mittelpunkt der Beratung steht der individuelle Lebensprozess..."

mal vor das Bild.

Ansonsten kannst du auch mit negativen margin arbeiten.

[Frank Mehlhop]

Setz das  "<p>Im Mittelpunkt der Beratung steht der individuelle Lebensprozess..."

mal vor das Bild.

Hilft auch nichts.

Ansonsten kannst du auch mit negativen margin arbeiten.

Dann läuft die Schrift über den Text

[Rowland]

overflow: hidden; probiert (von 1UnitedPower)? Padding top und right auf 0px.
So funktioniert es.

[Encoder]

Idee`n?

Also jetzt aber :-(

[1UnitedPower]

Warum steht das Bild nicht bündig mit den Text???

Puh, das Problem hat mich gerade nicht mehr losgelassen, es hat sich rausgestellt, dass es ein overflow Problem war.

div#inhalt{  
   overflow: hidden;  
}
~~~ sollte das Problem beheben.

[Frank Mehlhop]

div#inhalt{

overflow: hidden;
}

  
Herzlichen Dank 1UnitedPower! :-)  
  
Damit hast Du mir sehr geholfen mein problem zu beheben.  
  
Vielen, vielen Dank! (hutzieh)  
Frank