166 users online (0 members and 166 guests)  

> > > > Text wrap in html divs in cross browser compatability

  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. 02-11-2009, 04:18 AM #1
    prasadreddy
    prasadreddy is offline
    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.
    Reply With Quote Reply With Quote
  2. 02-11-2009, 05:50 AM #2
    prasadreddy
    prasadreddy is offline
    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.
    Reply With Quote Reply With Quote
  3. 02-11-2009, 10:00 AM #3
    jthayne
    jthayne is offline
    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;
    Coding and Misc Thoughts.
    Reply With Quote Reply With Quote
  4. 02-11-2009, 11:53 PM #4
    prasadreddy
    prasadreddy is offline
    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.
    Reply With Quote Reply With Quote
  5. 02-12-2009, 10:27 AM #5
    jthayne
    jthayne is offline
    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.
    Coding and Misc Thoughts.


    Reply With Quote Reply With Quote
« Previous Thread | Next Thread »

Tags for this Thread