Breaking text line in table cell

Plamen Nikolov — Tue, 08 Sep 2009 13:36:04 +0000

Somehow, breaking a text line in HTML table cell is not often as easy as it should be.
For example, you have specified fixed width to your table cell, but the text inside makes the cell wider… This seems to be major problem.

Normally using
or
(HTML and XHTML version) is enough to break the text line in most recent versions of Internet Explorer(IE). The line break problem occurs in Mozilla Firefox, Google Chrome. Despite their versions, using the normal break line tag seems not to work in these browsers. The solution we were looking for was a CSS property.

So after a few attempts breaking line in a we come out with this solution:

1
2
3
4
5
6

/* Wizzard Bulgaria */

table tr td
{
white-space: normal;
}

This code make the Mozilla Firefox to break the text in the according to the table cell width and where the
or
tag is placed.

IE even better …

Plamen Nikolov — Fri, 07 Aug 2009 12:25:20 +0000

Multiple IE Browsers

IE Collection

If you wondered how your website looks in IE6 or even IE5.5…. The IE tester was the only solution. I have had many problems with this software as it shows different results on different machines.

As i was searching for standalone versions of IE, I came across this IE collection. It’s amazing. Downloaded it and it does wonders. It’s got versions right from IE 1 upto IE 8. You can have all the IE’s – standalone installed in one single computer. It gets better – it’s got the Developer Tool embedded on all the IE’s. Amazing!!!

Click here to believe it :

P.S. Make sure you don’t see your favorite site under IE 3

Wizzard Blog - Recent news about us, web design, development, portfolio » Browsers

Breaking text line in table cell

IE even better …