Two different problems:
1) Internet explorer doesn't display table widths right, but Firefox does
Adding this bit of code to your CSS style sheet worked:
table
{
table-layout:fixed;
}
2) If you have a long URL with no spaces in it, it doesn't propertly wrap.
This code is from:
"http://perishablepress.com/press/2010/06/01/wrapping-content/"
Use this in the head section of your web page:
<style type="text/css">
.normal {
white-space: normal; /* default value */
font:12px "arial"
}
.wrapped {
/* wrap long urls */
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP Printers */
word-wrap: break-word; /* IE 5+ */
/* specific width */
width: 210px;
}
pre {
/* general styles */
font:12px "arial"
}
</style>
Then put this write in front of the table cell that has your long URL:
<pre class='wrapped'>
Your content
</pre>