zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden pre innerhalb von table: width in Prozent :(

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 13.04.2011, 13:00
Programmierer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2007
Beiträge: 83
mgutt befindet sich auf einem aufstrebenden Ast
Standard 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)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 13.04.2011, 15:49
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

HTML-Code:
.classOfYourTable pre {
  width: 80%;
}
So vll.?
__________________
http://unics.bplaced.net
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 13.04.2011, 15:56
Programmierer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2007
Beiträge: 83
mgutt befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von behalx Beitrag anzeigen
So vll.?
Hast Du Dir die Seite auch angeschaut? Das pre hat doch schon 80% Breite
__________________
http://www.maxrev.de
Mit Zitat antworten
  #4 (permalink)  
Alt 13.04.2011, 22:28
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #5 (permalink)  
Alt 13.04.2011, 23:20
Programmierer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2007
Beiträge: 83
mgutt befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
  #6 (permalink)  
Alt 13.04.2011, 23:22
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

probier mal alle white-space Varianten aus. vll. wird sich ein passendes finden?
__________________
http://unics.bplaced.net
Mit Zitat antworten
  #7 (permalink)  
Alt 13.04.2011, 23:33
Programmierer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2007
Beiträge: 83
mgutt befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von behalx Beitrag anzeigen
probier mal alle white-space Varianten aus. vll. wird sich ein passendes finden?
es gibt nur pre (und pre-wrap, aber Umbrüche will ich nicht).
__________________
http://www.maxrev.de
Mit Zitat antworten
  #8 (permalink)  
Alt 13.04.2011, 23:35
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

ohne Umbrüche keine 80%. oder willst du ein Scrollbalken?
__________________
http://unics.bplaced.net
Mit Zitat antworten
  #9 (permalink)  
Alt 13.04.2011, 23:41
Programmierer
neuer user
Thread-Ersteller
 
Registriert seit: 24.06.2007
Beiträge: 83
mgutt befindet sich auf einem aufstrebenden Ast
Standard

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
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 13.04.2011, 23:45
Benutzerbild von behalx
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 02.04.2011
Beiträge: 130
behalx befindet sich auf einem aufstrebenden Ast
Standard

interessant. Unter Frfx sehe ich keinen Scrollbalken, aber unter Konqueror schon....
__________________
http://unics.bplaced.net
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 14:05 Uhr.