Darstellungproblem durch nowrap

[Mike©]

Moin @ All,

es ist etwas schwierig zu erklären, aber ich versuche es mal.
Ich habe ein Page mit Tabellenkonstruktion:

<table1>

| Menü links | Menü oben               |

</table>

<table2>

| Menü links | <td> Inhalt             |
| geht hier  |                         |
| weiter     | Text margin-left:10%    |
|            |                         |
|            |     - Text bluber blah  |

</table>

Wenn nun das Browserfenster extrem verkleinert wird, dann rutscht ein Teil des Textes ( welcher ja Margin-left 10% haben soll, ganz nach links.

Etwa so:
|            |     - Text bluber |
|            | blah              |

Es sollte aber wenigstens so aussehen:

|            |     - Text bluber |
|            |       blah        |

Nach langem hin- und her versuchen, dachte ich mir; Mike sei schlau und gebe der <td> einfach ein nowrap. Schön und gut, der Text wird nicht mehr umgebrochen, und dafür gibt es jetzt Scrollbars.

Nun das Problem:
Für Tabelle 1 sind nun 100% width weniger als für Tabelle 2, denn zum Ladezeitpunkt weiss Tabelle 1 nicht was für eine width Tabelle2, durch den nowrap haben wird.

Der Effekt ist dann, das beim Scrollen nach rechts, die obere Tabelle irgenwann aufhört, da sie glaubt sie hätte ihre 100% erreicht. Die Tabelle2 wiederum läßt nicht wie erwartet, durch scrollen, den ganzen Text sehen.

Zu bewundern ist der Effekt hier ( Browserfenster ganz klein machen )
http://gigi.dnip.net/ladenbuerger/v1/wir_sind.php

Wie kann ich das lösen? Auf den nowrap verzichten und das Umbrauchproblem inclusive margin-left 10% durch irgendein div Konstrukt ersetzen?

Das habe ich leider schon erfolglos versucht :-(

Danke & regds
Mike©

[Gernot Back]

Hallo Mike©,

Zu bewundern ist der Effekt hier ( Browserfenster ganz klein machen )
http://gigi.dnip.net/ladenbuerger/v1/wir_sind.php

Warum machst du aus deiner listenartigen Aufzählung, die man dort in der rechten Tabellenzelle sieht, nicht tatsächlich eine ungeordnete Liste, der du das list-style-image:url(./images/pointer.gif); mit einem passenden Innen- und Außenabstand sowohl für sich selbst als auch für die darin enthaltenen List-Items verpasst?

http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_image

Gruß Gernot

[Mike©]

Moin Gernot,

http://de.selfhtml.org/css/eigenschaften/listen.htm#list_style_image

genau diesen Link hatte ich bereits in Angriff genommen. Leider erfolgslos. Ich werde mich nocheinmal daran versuchen.

Danke & regds
Mike©