Darstellungsproblem IE u. FF

[igel]

Hallo,

was mag CMSMS hieran nicht, denn zwischen dem ersten und zweiten Bild (Absatz) habe ich immer eine Lücke  in Höhe eines kompletten  Absatzes ?
Nachdem 2. Eintrag ist alls in Ordnung.

http://www.xxx.de/
Betonstein, Pflaster, Platten, Stufen, usw.
 
http://www.xxx.net/
Betonstein, Pflaster, Platten, Stufen, usw.
 
http://www.xxx.de/
Alle Baustoffe
 

Ich habe "Zeilen" ausgetauscht - die Liste ist noch länger-, mit DIVs versucht, aber immer die gleiche Lücke zwischen Eintrag 1 und 2.

Die Ansicht unter TinyMCE und der gleiche Code in einer Seite außerhalb des CMS sind völlig in Ordnung.
Seite ist auch erfolgreich validiert.

Ich bin ziemlich ratlos und kurz davor, doch eine Tabelle zu nehmen.

Ich würde mich freuen, wenn jemand helfen kann, mein Problem zu lösen.

Gruß
Inge

[LeisureLarry]

Code: Select all

<p style="clear:left"> </p>

Erzeugt einen kompletten Absatz, da auch ein Space eine Höhe hat. Null die Höhe des Absatzes per CSS oder versuch stattdessen:

Code: Select all

<br style="clear:left" />

Grüße aus Nürnberg
LeisureLarry (interiete.net)

[igel]

Hallo LeisureLarry,

danke für Deine Antwort, aber das ändert ja nur den Abstand zwischen den einzelnen Absätzen.
Auch damit bleibt der merkwürdige extreme Abstand zwischen den ersten beiden Einträgen (Images) erhalten.

Jetzt fiel mir aber etwas auf.
Der unerwünschte Abstand entspricht der Höhe des Untermenüs in der linken Spalte.
Wenn ich hier Menüpunkte (Seiten) auf inaktiv setze, verringert sich auch mein ungewollter Abstand entsprechend. 

Was haben die beiden Dinge miteinander zu tun? Hast Du noch eine Idee?
Das Problem besteht aber auf keiner anderen Seite.

Gruß
Inge

[LeisureLarry]

Das ist dann ein typisches Floating-Problem. Der Clear löscht alle linken Floatings und nicht nur den des img-Tags und der nächste Content beginnt dann unterhalb aller gefloateten Elemente. Bin leider kein Floating-Meister (ich hasse es wie die Pest), somit kann ich da leider keine gute Hilfe geben.

Aber wieso brauchst Du den Clear überhaupt? Wenn alle Bilder in einem eigenen p-Tag sind, sollten sie sich doch automatisch untereinander befinden, da ein Absatz ja ein Blockelement ist.

Grüße aus Nürnberg
LeisureLarry (interiete.net)

[igel]

Hallo LeisureLarry,

Bin leider kein Floating-Meister (ich hasse es wie die Pest)

Dann befinde ich mich ja in bester Gesellschaft. 

Ich habe jetzt aufgegeben - alles in eine Tabelle gepackt - und Ruhe ist.

Danke nochmals für Deine Anregungen.

Gruß
Inge

[ATROXX]

Wie wäre es, wenn Du auf die verzichtest, diese durch ein
ersetzt und dann zum schluss alles in ein packst und auf das float verzichtest ?"


also in etwa so:

Code: Select all

<div style="textalign:left;">
  <img style="margin-left: 20px; margin-right: 20px;" src="uploads/images/logos/metten.jpg" alt="" width="200" height="70" />
  <a href="http://www.xxx.de/" target="_blank">http://www.xxx.de/</a>
  <br />
  Betonstein, Pflaster, Platten, Stufen, usw.
  <br style="clear:left;" />
  <br style="clear:left;" />
  <img style="margin-left: 20px; margin-right: 20px;" src="uploads/images/logos/rinn.jpg" alt="" width="200" height="84" />
  <a href="http://www.xxx.net/" target="_blank">http://www.xxx.net/</a>
  <br /> Betonstein, Pflaster, Platten, Stufen, usw.
  <br style="clear:left;" />
  <br style="clear:left;" />
  <img style="margin-left: 20px; margin-right: 20px; float: left;" src="uploads/images/logos/dietrich.jpg" alt="" width="200" height="66" />
  <a href="http://www.xxx.de/" target="_blank">http://www.xxx.de/</a>
  <br /> Alle Baustoffe
  <br style="clear:left;" />
  <br style="clear:left;" />
</div>

[igel]

Hallo,

wenn auch die Formatierung des Textes nicht mehr so ist, wie ich sie haben wollte, habe ich Deine Anregung nochmals eingebaut, aber leider ändert das garnichts an dem komischen Abstand zwischen den ersten beiden Einträgen.

Warum hier aus der Sidebar etwas "durchschlägt", was sonst auf keiner anderen Seite passiert, bleibt mir ein Rätsel.

Aber danke, daß Du Dir noch Gedanken gemacht hast. 

Gruß
Inge