CSS and handling LOOONG words.. how?

JdS · #1 22-Oct-2002, 10:03

If you copy and paste the following HTML, and view it with a browser, you will see that the word gets cut and does not 'break' the table...

HTML Code:


<html>
<head>
<title>Really LONG word</title>
<style type="text/css">
<!--
body { background-color:black }
table { background-color:white }
table.tblFixed640 { width:640px; table-layout:fixed }
td.tdFixed640 { width:640px; padding:10px; overflow:hidden }
-->
</style>
</head>
<body>
<table class="tblFixed640" align="center">
  <tr>
    <td class="tdFixed640">
Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaargh!
    </td>
  </tr>
</table>
</body>
</html>

My question is, how do I get this 'long' word wrapped instead of cut?

If you want to help me test this out you must ignore the spaces (vB adds to this long word) in this sample code and have it in one long line.

pcxgamer · #2 23-Oct-2002, 13:01

couldn't you just add line breaks?

Garth Farley · #3 24-Oct-2002, 04:04

The overflow: hidden command will not let the text wrap. But I don't think that browsers will insert a line break in the middle of a long word.

Think of a reasonably long word & then imagine making your browsers window really thin. It would be ridiculous for the word to be chopped up into it's letters.

There might be some way, but I'm not aware of it

Garth

JdS · #4 24-Oct-2002, 04:15

i was hoping to avoid doing that (and somehow try to get CSS to do something about it) but inserting line-breaks seem to be the only solution... which is probably why vB seems to do the same thing.

dave2002 · #5 08-Aug-2003, 10:43

You've probably had this answered already, but if you use overflow:scroll you should get scrolling windows. It's not ideal but ....

If you use word-wrap: break-word you may get better results, but only in Internet Explorer. It won't work with Mozilla, Opera or Netscape etc.

Maybe this will help.

JdS · #6 08-Aug-2003, 10:51

Hello dave2002,

You're right, I've settled for overflow:scroll for most of my custom bbcode displays e.g. if you're viewing this page here : http://www.desilva.biz/forum/viewtopic460.php with Mozilla / Firebird, you will see it in action.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Rate This Thread
Rate This Thread:

CSS and handling LOOONG words.. how?

long words ...