By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,795 Members | 1,235 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,795 IT Pros & Developers. It's quick & easy.

Text wrap problem firefox

P: n/a
Hi, I have a div where I have set its width to 480.
It works fine in IE, the text that i m inserting in this div gets
wrapped, but in firefox the text that i m inserting in the div is
coming out.
What's a workaround for that.

Here is my stylesheet for that div.
#detailsPopup2 {position:absolute;border-width:2px;border:solid;border-
color:#666666;text-align:left;padding:5px;top:480px;left:60px;width:
400px;height:auto;background:#52F3FF;font-family:sans-serif;font-size:
80%;z-index:110;}
Oct 2 '08 #1
Share this Question
Share on Google+
3 Replies


P: n/a
SAM
Le 10/2/08 6:15 PM, Sunny a écrit :
Hi, I have a div where I have set its width to 480.
no, it's 400.
It works fine in IE, the text that i m inserting in this div gets
wrapped, but in firefox the text that i m inserting in the div is
coming out.
What's a workaround for that.
no problemo with my Fx

perhaps the default font-size is higger in your Fx than in your IE and
you have a word (a string without white-spaces) longer than the width of
the div ?
Here is my stylesheet for that div.
#detailsPopup2 {position:absolute;border-width:2px;border:solid;border-
color:#666666;text-align:left;padding:5px;top:480px;left:60px;width:
400px;height:auto;background:#52F3FF;font-family:sans-serif;font-size:
80%;z-index:110;}
Try fixing the width of your div in 'em' instead of 'px'
Oct 2 '08 #2

P: n/a
On Oct 2, 1:02 pm, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
Le 10/2/08 6:15 PM, Sunny a écrit :
Hi, I have a div where I have set its width to 480.

no, it's 400.
It works fine in IE, the text that i m inserting in this div gets
wrapped, but in firefox the text that i m inserting in the div is
coming out.
What's a workaround for that.

no problemo with my Fx

perhaps the default font-size is higger in your Fx than in your IE and
you have a word (a string without white-spaces) longer than the width of
the div ?
Here is my stylesheet for that div.
#detailsPopup2 {position:absolute;border-width:2px;border:solid;border-
color:#666666;text-align:left;padding:5px;top:480px;left:60px;width:
400px;height:auto;background:#52F3FF;font-family:sans-serif;font-size:
80%;z-index:110;}

Try fixing the width of your div in 'em' instead of 'px'
Hi em didn't work.

But ya, if the string is longer,its wrappimg in IE, But in Firefox its
coming out of the div.
What should I do now.?
Oct 2 '08 #3

P: n/a
SAM
Le 10/2/08 7:36 PM, Sunny a écrit :
On Oct 2, 1:02 pm, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
>Try fixing the width of your div in 'em' instead of 'px'

Hi em didn't work.
???
But ya, if the string is longer,its wrappimg in IE, But in Firefox its
coming out of the div.
IE is wrong :-(
What should I do now.?

width: 400px; /* for IE < 7 */
min-width: 400px; /* for other browsers */
max-width: 600px;
Oct 2 '08 #4

This discussion thread is closed

Replies have been disabled for this discussion.