|
|||
pre innerhalb von table: width in Prozent :(
Hi,
ich möchte gerne in einer Tabellenzelle ein pre platzieren um Code auszugeben, wobei sich der pre an die Breite der Tabelle anpassen soll: CSS: table td with pre inside Dummerweise orientiert sich pre aber am body und der table wächst fröhlich mit, was ich mir bei overflow:auto/hidden nicht erklären kann. Selbst eine testweise Umstellung auf display:block (table, tr und td) zeigt keine Wirkung (andersherum bei div auf display:table sehr wohl). Eine fixe Breite kommt für mich nicht in Frage, weil ich den Nutzern mit hohen Auflösungen keine 300px breite Box zumuten möchte und andersherum sollen Nutzer mit geringen Auflösungen nicht gezwungen sein die gesamte Seite horizontal scrollen zu müssen. D.h. mein Ziel ist eigentlich pre, das sich an die aktuelle Breite der td anpasst (also wie bei "div width:80% + pre width:80%;overflow:auto"). Mit position:absolute kann ich leider nicht arbeiten, weil vor und nach dem pre noch Text ausgegeben werden soll und ich den nicht jeweils in eigene Blöcke packen möchte. Gruß
__________________
http://www.maxrev.de Geändert von mgutt (13.04.2011 um 13:04 Uhr) |
Sponsored Links |
|
||||
HTML-Code:
.classOfYourTable pre { width: 80%; }
__________________
http://unics.bplaced.net |
Sponsored Links |
|
|||
Hast Du Dir die Seite auch angeschaut? Das pre hat doch schon 80% Breite
__________________
http://www.maxrev.de |
|
||||
HTML-Code:
. . .classOfTable { } .classOfTable pre { max-width:80%; white-space: normal; } </style> </head> <body> <h1>CSS: table td with pre inside</h1> <h3>Maybe you was lookink for that?</h3> <table class="classOfTable"> <tr> <td> <pre>echo 'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.';</pre> </td> </tr> </table> . .
__________________
http://unics.bplaced.net |
|
|||
Danke, aber mit white-space:normal machst Du ja den Sinn von pre kaputt. Es gibt dann keine Darstellung mehr von doppelten Leerzeichen, Tabs usw. Das will man ja gerade nicht, wenn man pre einsetzt
__________________
http://www.maxrev.de |
|
||||
probier mal alle white-space Varianten aus. vll. wird sich ein passendes finden?
__________________
http://unics.bplaced.net |
|
|||
es gibt nur pre (und pre-wrap, aber Umbrüche will ich nicht).
__________________
http://www.maxrev.de |
|
||||
ohne Umbrüche keine 80%. oder willst du ein Scrollbalken?
__________________
http://unics.bplaced.net |
|
|||
Den Scrollbalken will ich, aber nur für die Zelle (overflow) und nicht im Fenster.
Aber ich habe jetzt die Lösung. Der table muss "table-layout:fixed" erhalten damit es funktioniert (letzte Version in meinem Link).
__________________
http://www.maxrev.de |
Sponsored Links |
|
||||
interessant. Unter Frfx sehe ich keinen Scrollbalken, aber unter Konqueror schon....
__________________
http://unics.bplaced.net |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
z-index hoch, dennoch grafik nicht ganz oben | bergg | CSS | 6 | 27.10.2010 17:02 |
Problem mit einem 3D-Effekt | moep0710 | CSS | 12 | 12.06.2010 15:30 |
Myspace problem... Rechte Säule verschiebt sich im IE. | calledmarcel | CSS | 1 | 27.02.2009 10:12 |
prblemme mit mein inhalt div | carlos587261 | CSS | 3 | 23.04.2008 15:07 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |