33 users online (0 members and 33 guests)  


  Results 1 to 5 of 5

Related

  1. wrap text in a cell of a html table    Forum: HTML Forum
    Replies: 14
  2. Cross browser ticker from text file needed    Forum: Website Scripts Forum
    Replies: 0
  3. cross browser    Forum: CSS Forum
    Replies: 2
  4. Cross-Browser woes...    Forum: General Discussion
    Replies: 4
  1. #1
    prasadreddy's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    4

    Post Text wrap in html divs in cross browser compatability

    Hi ,

    i am facing problem with text wrap..

    <body>
    <div style="height:200px; width:200px;">
    <div style="WORD-BREAK:BREAK-ALL; ">gggggggggggggggggggggggggggggggggghhhhhhhhhhhhhhhhhhhgggggggggggggg</div>
    </div>
    </body>

    here the word is not fitting into the specified width.

    Please tell me any other alternatives.Thanks in advance.

  2. #2
    prasadreddy's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    4

    Lightbulb Re: Text wrap in html divs in cross browser compatability

    it's working fine in ie7 and it's not working in fire fox.Please tell me if any other solution.

  3. #3
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Text wrap in html divs in cross browser compatability

    IE7 will wrap long words by default. You are actually using the wrong CSS syntax. Use the following instead.

    Code:
    word-wrap: break-word;

  4. #4
    prasadreddy's Avatar
    New User

    Status
    Offline
    Join Date
    Feb 2009
    Posts
    4

    Re: Text wrap in html divs in cross browser compatability

    thanks jthayne,

    even that syntax is not working in firefox.

  5. #5
    jthayne's Avatar

    Status
    Offline
    Join Date
    Aug 2008
    Location
    Texas
    Posts
    508

    Re: Text wrap in html divs in cross browser compatability

    There is no easy solution for this. Doing a search in Google for "firefox word wrap long words" gave me quite a few solutions on just the first page of results including this one, this one, and this one.

    FYI: This ("word-wrap") is part of the CSS3 standards, and is set to be implemented in FF 3.1.



Tags for this Thread