nicht angemeldet
Scrollendes DIV mit Aufzählungspunkten wird schief dargestellt
0 0 
Gunnar Bittersmann
0
Scrollendes DIV mit Aufzählungspunkten wird schief dargestellt
Moin!
Ich habe mir ein DIV gebastelt, das aussehen soll wie eine TextArea aber auch Aufzählungen enthalten soll. Klappt auch - solange keine Auzählungen drin sind.
Die Aufzählung scrollt beim IE gar nicht (auch wenn eine Scrollbar angezeigt wird) und übeschreibt sogar Elemente die unter dem DIV liegen.
Hier ist mein komischer Code, wäre klasse wenn jemand eine Idee hat:
<div style="width: 604px; height: 154px;" class="scrollableHtmlAreaTag">
Dies ist ein Link: <a href="http://www.dailydose.de">dailydose of windsurfing</a>
<br>
<br> und noch etwas text
<br>
<ul>
<li>Suchmaschinen
<ul>
<li>Google</li>
<li>AltaVista</li>
<li>Fireball</li>
</ul>
</li>
<li>Verzeichnisse
<ul>
<li>Yahoo</li>
<li>Web.de</li>
<li>Dino-Online</li>
</ul>
</li>
<li>Was anderes</li>
<li>Noch was anderes</li>
</ul>
</div>
</td>
Wäre toll wenn jemand von euch sieht was ich da falsch mache!
treeno
-
Achso, das schließende TD-Element wird vor dem DV geöffnet, das ist nicht der Fheler... ist nur beim c&P mit reingerutscht.
Gruß
treeno-
@@treeno:
nuqneH
Achso, das schließende TD-Element wird vor dem DV geöffnet, das ist nicht der Fheler...
Tabellen zum Layouten zu missbrauchen IST ein Fehler.
Qapla'
--
Bildung lässt sich nicht downloaden. (Günther Jauch)-
Das dazugehörige css sieht so aus:
.scrollableHtmlAreaTag { overflow:auto; border: 1px solid rgb(127, 157, 185); background-color: rgb(255, 255, 255); margin: 0px; }einen Link kann ich euch nicht bieten, da die Anwendung in einem ApplicationServer läuft der nicht im Internet erreichbar ist.
-
Hi,
einen Link kann ich euch nicht bieten, da die Anwendung in einem ApplicationServer läuft der nicht im Internet erreichbar ist.
Dann erstelle einen minimalen Testfall, aus dem die Problematik ersichtlich wird - anonymisiert, falls sensible Daten enthalten - und lade den irgendwo hoch.
MfG ChrisB
--
Light travels faster than sound - that's why most people appear bright until you hear them speak.-
Die Daten kann ich tatsächlich nicht so einfach veröffentlichen.
Aber ich habe den Fehler auch so schon gefunden.Für alle die die Lösung wissen wollen:
Mit.ul {position: relative; }formatierte Aufzählungen erscheinen innerhalb eines scrollenden DIVs im IE auch außerhalb des DIVs und werden im FF zusammengeschoben. ...Warum auch immer...
treeno
-
-
-
-
-
@@treeno:
nuqneH
Wäre toll wenn jemand von euch sieht was ich da falsch mache!
Du hast weder den CSS-Code gezeigt noch deine Testseite verlinkt. Siehe Tips für Fragende.
Qapla'
--
Bildung lässt sich nicht downloaden. (Günther Jauch) -
Also ich habe mir mal die Mühe gemacht, Dein Beispiel nachzuvollziehen:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>test</title> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" > <style type="text/css"> .scrollableHtmlAreaTag { overflow:auto; border: 1px solid rgb(127, 157, 185); background-color: rgb(255, 255, 255); margin: 0px; } </style> </head> <body> <div style="width: 604px; height: 154px;" class="scrollableHtmlAreaTag"> Dies ist ein Link: <a href="http://www.dailydose.de">dailydose of windsurfing</a> <br> <br> und noch etwas text <br> <ul> <li>Suchmaschinen <ul> <li>Google</li> <li>AltaVista</li> <li>Fireball</li> </ul> </li> <li>Verzeichnisse <ul> <li>Yahoo</li> <li>Web.de</li> <li>Dino-Online</li> </ul> </li> <li>Was anderes</li> <li>Noch was anderes</li> </ul> </div> </body> </html>Ich kann weder im Firefox 3.0.11, noch im IE 8 ein Problem entdecken. Evtl. liegt es an Deinem Code der "um das div-Element herum gebaut ist.