Text Wrapping differences in IE7, IE8, and FF

Posted by gmcalab on Stack Overflow See other posts from Stack Overflow or by gmcalab
Published on 2010-04-07T19:20:31Z Indexed on 2010/04/07 19:23 UTC
Read the original article Hit count: 363

Filed under:

css

|

cross-browser

When I have this <table> below, the text wraps as needed in FF and IE8, but when I run this in compatibility mode or IE7 the text does not wrap and the width of the previous is basically ignored. Any way to get around this? Here is a simplified example.

<table>
   <tr>
      <td style="width:125px">
      hi
      </td>
      <td>bye</td>
   </tr>
   <tr>
      <td>
      line of text that will equal more than the above width
      </td>
     <td>bye</td>
   </tr>
</table>

© Stack Overflow or respective owner

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More

Related posts about cross-browser

Is there any guidelines to convert Table design to Div design keeping same cross browser compatible

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there any guidelines to convert Table design to Div design keeping same cross browser compatible layout? >>> More
Crossbrowser JS...

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi there all :) Made this nice little loop for hiding and showing div's, works as a charm in firefox and opera, but IE, safari and chrome say's no.... So my question is; why? function theme(nr){ document.getElementById(nr).style.display = "block"; for (i = 0;i <= 28; i++) { if (i != nr)… >>> More
which is the best among jquery,moo tool and yui?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Hi among the jquery ,mootool ,yui and glow have crossbrowser compatiblity >>> More
css: Cross-browser, reflowing, top-to-bottom, multi-column lists

as seen on Stack Overflow - Search for 'Stack Overflow'
See http://cssfingerprint.com/about#stats. See also http://stackoverflow.com/questions/933645/multi-column-css-lists. I want a multi-column list that: uses no JS reflows on window size makes as many columns as fit the enclosing element therefore, does not require batching the list into manual… >>> More
cross-browser text shadow..

as seen on Stack Overflow - Search for 'Stack Overflow'
How to get cross-browser text shadow? including IE6, 7, 8. is there any css or js solution? I want to get text-shadow with semantic and valid markup. >>> More