[HTML/CSS/Tables] Tekst loopt de table uit

[quakerix]

Hallo mede tweakers,

mijn probleem kwam niet vaak in de search voor. En dit is gek genoeg de eerste keer dat ik hier tegen aan loop.

Het gaat om het feit dat als ik text plaats in mijn table, het er gewoon geheel uitloopt.

Hier een screenshot ervan: http://img378.imageshack.us/my.php?image=table6xu.jpg

Code van de table:

code:

<table id="table-news" border="0">
     <tbody>
     <tr>
          <td id="td-news-balk1" rowspan="2">&nbsp;</td>
          <td id="td-news-content">testtetrgsdfghghghhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhjlkhh</td>
          <td id="td-news-logo">[img]"images/logo.jpg"[/img]</td>
          <td id="td-news-balk2" rowspan="2">&nbsp;</td>
     </tr>
     <tr><td id="td-news-postedby" colspan="2">&nbsp;</td></tr>
     </tbody>
</table>

CSS file:

code:

#td-news-content {
    padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;
    width: 260px;
    text-align : left;
    vertical-align: top;
}

#table-news {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 330px;
    vertical-align: top;
    background-color : #E6E6E6;
    table-layout: fixed;
}
body,td,th { 
    margin-top: 0px; 
}
body { 
    background-color: #C4CBD3; 
    text-align: center;
}
table {
    border-collapse : collapse;
    border-spacing : 0px;
    border-style : hidden;
}

Natuurlijk zijn dit gedeeltes uit files. Maar ik heb van alles al geprobeerd.

Overflow, wordwrap <p></p> whatevers. De oplossing moet te doen zijn in CSS/HTML. Dus zonder het gebruik maken van een PHP script.

Misschien kijk ik er te lang na ofzo.

ohjah, in IE loopt de text 8er het plaatje langs en stopt ergens.. en in Firefox (zie screenshot) loopt hard door.

[ Voor 15% gewijzigd door quakerix op 25-09-2005 03:19 ]

[disjfa]

Komt door je 'table-layout: fixed;'

Als je het wilt oplossen moet je niet met tables een layout inelkaar fixen of minder lange woorden gebruiken.

[Badeend]

Daarbij, heb je ooit een woord van 66 tekens lang gezien?

[ Voor 54% gewijzigd door Badeend op 25-09-2005 03:24 ]

[MAZZA]

Da's niet helemaal vreemd als die string gewoon te lang is zonder een spatie. Bij normale tekst werkt het wel neem ik aan.

Ter indicatie:
wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww

[quakerix]

disjfa schreef op zondag 25 september 2005 @ 03:22:
Komt door je 'table-layout: fixed;'

Als je het wilt oplossen moet je niet met tables een layout inelkaar fixen of minder lange woorden gebruiken.

die table fixed heb ik er in gezet omdat volgens veel mensen de oplossing was. Maar het maakte uiteindelijk niet uit. Maar ik heb al zo veel designs gemaakt en altijd dummy text gebruikt met veel spaties. Ik had het helemaal niet door dat het door het lange woord kwam. Ik moet dnk ik zo maar gaan slapen

Zou het helpen als ik er een soort van DIV om heen gooi of wat dan ook? om ook lange woorden te "pakken"

kortom, ik had het helemaal nie door dat het met gewone text wel werkt

[ Voor 7% gewijzigd door quakerix op 25-09-2005 03:27 ]

[Verwijderd]

In je .css voor je table:

code:

td {
  white-space:nowrap; 
}

of, als dat niet werkt, deprecated:

code:

<td nowrap></td>

http://www.w3.org/TR/REC-CSS2/text.html#white-space-prop

[disjfa]

Verwijderd schreef op zondag 25 september 2005 @ 03:31:
In je .css voor je table:

En dat doet precies wat zoals in de tabel die de meneer nu heeft Lijkt me idd een nuttige toevoeging.....

[Verwijderd]

disjfa schreef op zondag 25 september 2005 @ 03:36:
En dat doet precies wat zoals in de tabel die de meneer nu heeft Lijkt me idd een nuttige toevoeging.....

Eh nee? Dat doet niet hetzelfde? Ik zie geen nowrap in zijn css of html?

[SuperRembo]

Verwijderd schreef op zondag 25 september 2005 @ 03:31:
In je .css voor je table:

code:

td {
  white-space:nowrap; 
}

[...]

Hij wil toch dat de tekst juist wel afbreekt?

[Verwijderd]

Ik was in de veronderstelling dat door het toevoegen van die no-wrap hij de overflow ook zou hiden.

Ik heb het net even getest, en het doet inderdaad niet wat de bedoeling was.