Tabellen und Float, Listen werden dann nicht Angezeigt

[Nordy]

Guten Tag zusammen,

Um ein Bild mit einer Beschreibung zu versehen, verwende ich eine Tabelle, welche oben den Bildtitel, in der darauffolgenden Zeile das Bild und unten eine Kurze Beschreibung enthält. Um diese Tabelle lasse ich dann Text fließen. Das funktioniert auch soweit. Allerdings sobald ich in den Text z.B. eine Liste einfüge klappt das zwar im Firerfox allerdings sieht das dann nicht zufriedenstellent aus. Viel schlimmer ist es jedoch im IE, dort wird der Inhalt der Liste zwar angezeigt, jedoch nicht die Bullets.

Beispiel:

<TABLE align="left" style="float:left; margin=5px;">
  <TR>
     <TD>Bild</TD>
  </TR>
  <TR>
     <TD><img ... ></TD>
  </TR>
  <TR>
     <TD>Beschreibung</TD>
  </TR>
</TABLE>

<p>Und hier steht dann der Textdfgljndf ....</p>
<ul>
  <li>erstens</li>
  <li>zweitens</li>
  <li>drittens</li>
  <li>viertens</li>
</ul>

Gibt es eine Lösung für dieses Problem ? Also so das die Listen in Beiden Browsern vernünftig angezeigt werden ?

Ich bedanke mich schonmal für die Antworten

Gruß Nordy

[Mr. Java]

Hallo,
ich hab einfach margin = 15px gemacht, das wurde dann mit dem IE normal dargestellt, und noch so abgeschnitten...

[Cyx23]

Hallo,

Gibt es eine Lösung für dieses Problem ? Also so das die Listen in Beiden Browsern vernünftig angezeigt werden ?

da halte ich mehrere Ansätze für möglich:
-zusätzliches clear, etwa p{clear:left},
  ggf. browserabhängig (CSS-Weiche), z.B.: *html p{clear:left;}
-IE-Bug und Abhilfe durch zusätzliche margin-Angaben (ggf. padding?)
-IE-Bug: fehlerhaftes Verhalten bei float in Listen u.U. durch zusätzliche
 float-Angaben korrigieren wie z.B. in CSS Listenmenu crossbrowser

Grüsse

Cyx23

[Amin]

Hallo Nrody,

meiner Meinung nach, wären CSS-Klassen u. eine CSS-Javascript-Abfrage
die Ideale Lösung.

Dann kannst Du es auch für andere Browser immer optimieren.

Gruß, amin