|
Also, wenn das alles ist, was du in der CSS-Deklaration hast, dann wird die Box immer nur so breit, wie es das Fenster erlaubt. Verkleinerst du das Fenster, so wird die Box auch verkleinert.
Normalerweise macht das nicht viel aus. Der Browser justiert der Text so, dass er passt, indem er die Zeilenumbrüche neu kalkuliert. Aber es kann nur an bestimmten Stellen umgebrochen, nämlich an einem Leerzeichen und, in manchen Browsern, an Bindestrichen.
Was passiert, wenn die Box schmäler wird, als das längste Wort? Der Browser weiß nicht, wo er das Wort umbrechen darf oder soll (er ist schließlich kein Textverarbeitungsprogramm wie Word), also wird die Zeile länger als die Box.
Im Normalfall ist das kein Problem. We macht das Browserfenster so klein, dass nicht einmal das Wort "Hallo" reinpasst?
Andererseits kann das problematisch sein, wenn, wegen Bilder, Navi-Leiste usw, die Box schon relativ schmal ist und (und das ist besonders in der deutschen Sprache der Fall) der Text einige lange Wörter enthält. Bei niedrigeren Bildschirmauflösungen kann es durchaus sein, dass der Text manchmal etwa Bilder, die rechts stehen, überschriebt (oder, je nach z-order, hinter Bilder verschwindet).
Es gibt keine sehr gute Lösung. Hier ein paar:
1. der "weiche Bindestrich" markiert eine Stelle, an der ein Wort umgebrochen werden darf. Aus zum Beispiel "Schachspielweltmeisterschaft" wird "Schachspielweltmeisterschaft". Der Browser kann dann, bei Bedarf, die geeignetste Stelle auswählen, dort das Wort umbrechen und einen Bindestrich setzen. Das kann aber nicht jeder Browser -- einige setzen an jedem einen Bindestrich egal, ob nötig oder nicht, und machen daraus "Schach-spiel-welt-mei-ster-schaft". Außerdem ist es blöd zu tippen.
2. mit overflow-x:hidden wird der Text an der Border einfach abgeschnitten, aber das ist natürlich wirklich doof, weil die verschwundenen Textstellen überhaupt nicht mehr zu lesen sind.
3. mit overflow-x:auto wird bei Bedarf einen Scrollbalken unten eingeblendet, damit man links- und rechts scrollen kann. Besonders bei großen Boxen ist das aber recht benutzerunfreundlich und es sieht sowieso hässlich aus.
4. wenn du der Box eine feste Breite (also etwa in px) gibst, bleibt sie immer gleich breit, egal wie groß das Fenster ist. Aber bei niedrigeren Auflösungen kann es dann sein, dass der Benutzer seitwärts scrollen muss, um die ganze Seite zu lesen.
Keine sehr guten Lösungen also. Aber ein bisschen Vernunft ist vielleicht angebracht: Wie klein macht Otto Normalsurfer sein Browser-Fenster? Das Problem muss nicht soooo dringend sein.
Wenn es sich um einen "Blindentext" handelt, sorge dafür, dass der Blindentext auch Leerzeichen enthält -- also nicht einfach "dögdgjdofjdxhdiesiusofdoeoidifhseiuthesise" eingeben, das wird nichts. Deswegen setzen viele Grafiker, Web-Designer usw. auf den alt bewährten "Lorum ipsum"-Text -- der hat genug Leerzeichen, damit man z.B. eine Web-Seite in allen Auflösungen testen kann.
Geändert von rewboss (15.09.2006 um 13:22 Uhr).
|
Gruß Michael
