PDA

Click to See Complete Forum and Search --> : line of text in table cell, wraps correctly in IE, doesn't wrap in Firefox...

MikeTheVike
03-19-2008, 08:46 PM
I don't use tables much, so I'm not sure why this is behaving like it is. I have some text which is a link in a table cell(about 10 words). My table cell width is set as a percentage. In IE6, the words wrap like i want them to. But in Firefox they don't wrap and stretch the cell. Any ideas?
pixelbliss
03-19-2008, 08:50 PM
Uhm not off the top of my head. Maybe if we could see the code?
MikeTheVike
03-19-2008, 09:27 PM
Uhm not off the top of my head. Maybe if we could see the code?


I wish I could, but it is from a crappy cms, and the code is kind of a mess...its weird that its doing this, everything i read says it should just wrap by default...grrr
MikeTheVike
03-19-2008, 10:15 PM
I wish I could, but it is from a crappy cms, and the code is kind of a mess...its weird that its doing this, everything i read says it should just wrap by default...grrr


adding white-space: normal; to the td helped enough for now, definitely not perfect, but it will have to do. Thanks
shalom_m
03-20-2008, 01:39 AM
Mike,
Both IE and FF do that occasionally, even if you define the columns in pixels.
Then, just as you think you got it right, look at it with the same browsers but a different screen resolution and it is all off again.

To prevent this from happening, I use a 1-2 pixel high transparant gif with exactly the width I need and place it inside a cell in each one of the columns I want stable.

See:http://www.comp-4u.com/
Look for the following lines in the html:
<td><img style="width: 48px; height: 2px;" alt="" src="graphics/48.gif" /> and
<td style="text-align: right; vertical-align: top;"><img
style="width: 470px; height: 1px;" alt="" src="graphics/470.gif" />
MikeTheVike
03-20-2008, 02:37 PM
Mike,
Both IE and FF do that occasionally, even if you define the columns in pixels.
Then, just as you think you got it right, look at it with the same browsers but a different screen resolution and it is all off again.

To prevent this from happening, I use a 1-2 pixel high transparant gif with exactly the width I need and place it inside a cell in each one of the columns I want stable.

See:http://www.comp-4u.com/
Look for the following lines in the html:
and

thanks, if I have time I'm going to give this a shot...
JPnyc
03-20-2008, 05:58 PM
Add white-space:normal; to the element's CSS rules.