Text wrap problem firefox

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Sunny

    Text wrap problem firefox

    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:absol ute;border-width:2px;borde r:solid;border-
    color:#666666;t ext-align:left;padd ing:5px;top:480 px;left:60px;wi dth:
    400px;height:au to;background:# 52F3FF;font-family:sans-serif;font-size:
    80%;z-index:110;}
  • SAM

    #2
    Re: Text wrap problem firefox

    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:absol ute;border-width:2px;borde r:solid;border-
    color:#666666;t ext-align:left;padd ing:5px;top:480 px;left:60px;wi dth:
    400px;height:au to;background:# 52F3FF;font-family:sans-serif;font-size:
    80%;z-index:110;}
    Try fixing the width of your div in 'em' instead of 'px'

    Comment

    • Sunny

      #3
      Re: Text wrap problem firefox

      On Oct 2, 1:02 pm, SAM <stephanemoriau x.NoAd...@wanad oo.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:absol ute;border-width:2px;borde r:solid;border-
      color:#666666;t ext-align:left;padd ing:5px;top:480 px;left:60px;wi dth:
      400px;height:au to;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.?

      Comment

      • SAM

        #4
        Re: Text wrap problem firefox

        Le 10/2/08 7:36 PM, Sunny a écrit :
        On Oct 2, 1:02 pm, SAM <stephanemoriau x.NoAd...@wanad oo.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;

        Comment

        Working...