Ich habe eine Seite auf der mehrere Records des Typs "Text & Images" untereinander dargestellt werden sollen.
Firefox 14 zeigt alles richtig an.
Internet Explorer 9 zeigt die einzelnen Records treppenförmig eingerückt an:
- der 1. Beitrag ist richtig
- der 2. Beitrag ist ca. 140 Pixel eingerückt und etwa 40 Pixel zu weit oben (er überlappt den 1. Beitrag)
- der 3. Beitrag ist weitere ca. 140 Pixel eingerückt und auch etwa 40 Pixel zu weit oben (er überlappt den 2. Beitrag)
- usw.
- siehe Screenshot
Der IE Kompatibilätsmodus ergibt keine Veränderung.
Danke und Gruss
crimle
Wie sieht denn das CSS dazu aus?
gruss
maty
du hast gesagt, das di Bilder Links neben den Text sein sollen. Das wird in CSS mit einem "float" umgesetzt, das das Bild größer als der Text ist und "floatet" das daneben stehende Elemente ebenfalls mit rein.
Füge in deiner CSS Datei mal dem Eltern-Element von einem Bild und Text-Paar ein "overflow:hidden" zu. (auch wenn eigentlich ein clear Element, ähnlich wie hier vorhanden Sein sollte: http://fwpf-webdesign.de/css/float-und-clear/floats-umschliessen-clear )
Vielen Dank schon mal für die Antworten!
Wenn ich nur wüsste, wie das Eltern-Element heisst! Da stehe so verrückte Dinge wie
- <div id="c941" class="csc-default">
- <div class="csc-textpic csc-textpic-intext-left">
- <div class="csc-textpic-imagewrap">
- <div class="csc-textpic-image csc-textpic-last">
Wie müsste der Eintrag in die CSS lauten?
.csc-default {
overflow: hidden:
}
oder
#c941 {
overflow: hidden:
}
Ausprobiert habe ich beides, aber ohne Erfolg.
Und Frage:
Wieso zeigen alle Browser (Firefox, Opera, Google Chrome, Safari) die Seite richtig an, nur Internet Explorer nicht???
Danke und Gruss
Christof
Ich habe mal um den Text folgenden <div> reingehängt:
<div style="clear: left; overflow: hidden; min-height: 180px;">
Resultat: Der Text ist jetzt tatsächlich links, aber das Bild nicht (was ja noch schlimmer aussieht).
Nächster Versuch: im Stylesheet der Klasse ".bodytext" die oben genannten Styles zugewiesen.
Resultat: der Text ist jetzt UNTER den Fotos (statt rechts daneben).
Also ich weiss jetzt echt nicht mehr weiter!
Danke und Gruss
crimle