Kategorien
- [-]Developer (94)
- API (14)
- Backend (16)
- Extensions (26)
- HTML & CSS (4)
- Typoscript (31)
- [-]Redaktionelles (15)
- Anleitungen (6)
- Tipps (6)
- Sonstiges (36)
Schlagwortwolke
| « | September 2010 | » | ||||
|---|---|---|---|---|---|---|
| S | M | T | W | T | F | S |
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 | ||
Letzte Nachrichten
- Cookie Control und die europäische Cookie-Richtlinie
- 18.05.2012 21:41
- Schafft er es auf die erste Seite?
- 18.05.2012 14:39
- TYPO3camp Berlin 2012
- 11.05.2012 15:35
- Webdesign in Zeiten des iPad 3: und immer noch mehr Pixel.
- 10.05.2012 17:14
Letzte Kommentare
- Hallo David, das ist ein guter Tipp, werde ich mir...
- 13.05.2012 13:19
- Hallo! In der Aufzählung gehst du nicht auf den verfügbaren...
- 12.05.2012 14:35
- Müsste eigentlich so funktionieren, ich mache es hier ja...
- 10.04.2012 13:03
- Erst einmal - Danke für die Extension. Eine Frage habe...
- 10.04.2012 10:30
In eigener Sache
Peter Linzenkirchner, Lisardo Multimedia in Augsburg. Freelance und Partner für Design- und Webagenturen in Augsburg und München. Pixelgenaue Templates, valides HTML, barrierearm. TYPO3-Projekte, Extension-Programmierung und mehr ...
Umbruch langer Wörter mit CSS erzwingen: word-wrap
Viele de Code-Zeilen im Blog hier sind zu lang für die relativ schmale Mittelspalte, das gibt insbesondere ein Problem, wenn die Wörter zudem sehr lang sind, oder wenn sie nur mit Punkten getrennt werden, wie üblich in Programmiersprachen. Die meisten Browser brechen nur um, wenn nach dem Punkt ein Leerzeichen folgt. Insbesondere im IE 6 gibt es zusätzlich das Problem, dass zu breite Zeilen die mittlere Spalte nach unten verdrängen, also unter die rechte Spalte.
Allerdings gibt es mit CSS3 hier Abhilfe. Und da es sich um ein Feature handelt, das eigentlich von Microsoft stammt, funktioniert es als praktisch einziges CSS3-Feature auch im Internet Explorer 6:
- <div style="word-wrap:break-word">
- dasSuper.lange.Wort.hier.wird.einfach.umbrochen.wenn.esDasZeilen.ende.erreicht
- </div>
Bekannt und nervend ist das Problem auch bei E-Mailadressen – die überraschenderweise sehr lang werden können und gerne die schmalen Seitenspalten sprengen.
- Kommentare
