Internet explorer table widths don't display right

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>
 
 
 
 
 
 
 
Comments