Problem mit IE: Text wird unter links-gefloatetes Bild geschoben

Markus_S · #1 (**permalink**) 20.06.2006, 10:44

Hi,

ich hab mal wieder ein Problem mit dem Internet-Explorer:
In einem Container hab ich links ein Bild, neben dem rechts eine <H3> und ein <P> kommen sollen. Im FF und Opera klappts prima - nur der IE verschiebt mir den Absatz nach unten - die Überschrift bleibt aber rechts. Darf der das?

Wie kann ich ihm das verbieten?

Um folgende Seite gehts: http://www.stadler-markus.de/files/a...inklettern.htm

Schönen Gruß und schon mal vielen Dank

Markus

mazzo · #2 (**permalink**) 20.06.2006, 11:01

Ich sehe da kein <p>, der Text steht direkt im DIV:

Code:

<div class="bildmittel">
	<h3><a href="alpin_kalk.htm"><img src="../../bilder/alpinismus/alpinklettern/kalk.jpg" alt="Alpines Klettern im Kalk; Foto: Stairway to heaven, Wilder Kaiser" width="117"
  height="171" class="linkbild" /></a> <a href="alpin_kalk.htm">Kalkalpen</a></h3>
  Entlang des Alpennordrands erstrecken sich die n&ouml;rdlichen Kalkalpen - in denen viele der besten Klettergebiete der Welt zu finden sind. Sehr ausf&uuml;hrlich beschreibe ich den Wilden Kaiser. Auch aus den Berchtesgadener Alpen gibts jede Menge Informationen. 
</div>

Zudem verschachtelst Du das IMG ins H3, worin es dann floatiert wird. Ich würde es so machen:

Code:

<div class="bildmitte">
<img src="..." alt="text"/><h3>Überschrift</h3>
<p>textpassage</p>
</div>

Jetzt musst Du nur das IMG floaten und H3 und P einen margin-left in Breite des Bildes plus gewünschten Abstand geben. Fertig.

Achja: Clearen nicht vergessen. Mit der Clearfix-Methode (siehe FAQ-Thread) für div.bildmitte ist das ganz elegant gelöst.

fricca · #3 (**permalink**) 20.06.2006, 11:01

Du hast das float-Bild in der h3 und gleichzeitig hat die h3 "Layout" in Form einer width:95%. Der IE schließt somit das float ein.
Nimm der h3 das "Layout" weg:
#content .bildmittel h3 {width:auto;}

BTW: deine Textabsätze sollten auch als solche ausgezeichnet werden.

Markus_S · #4 (**permalink**) 20.06.2006, 14:29

Hallo Fricca und Mazzo,

erstmal vielen Dank für Eure Antworten.

Die Sache mit dem "Layout" der H3 war dann wohl der Clou.

Dass ich die Bilder gleichzeitig in die H3 reingepackt hatte war ein Versehen - das hatte ich anfangs so nicht und dann beim rumprobieren mal so versucht. Peinlicherweise hatte ich dann genau diese Version hochgeladen, das gleiche mit den nicht ausgezeichneten Absätzen

Ich hatte sogar schon mal versucht dem #content .bildmittel h3 a eine andere Breite zu geben. Hat das nicht funktioniert, weil der Stil h3 dem Stil h3 a übergeordnet ist und nicht umgekehrt?

Schönen Gruß und vielen Dank

Markus

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
FAQ -- Häufig gestellte Fragen und häufig gegebene Antworten	mazzo	CSS	10	05.04.2012 17:32
Hover effekt auf ganze TD zelle	gandalf_hh	CSS	27	13.07.2011 19:06
Auf-/Zuklappen mit JS	crimi	Javascript & Ajax	7	23.09.2008 16:27
DIV bis GANZ unten	burnZ	CSS	5	27.07.2008 13:14
Problem: Überschrift <hx> innerhalb von Abschnitt <p>	Ares	CSS	7	24.10.2006 13:30