Home/ Questions/Q 4029904
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T11:24:15+00:00

Below is my code that works fine on IE 8 but it doesn’t work

  • 0

Below is my code that works fine on IE 8 but it doesn’t work on safari 5. The text wraps in IE and the div’s layout is properly in placed on IE. But on safari everything is a mess.
Guys please help me to make this work on safari 5.

I want the layout on safari to look like this on the picture
enter image description here

Thanks in advance 🙂

Note: I just added a sample url from web to make the display better.

<html>
<body>  
<div style="overflow:auto;width:200px;clear:both;border:1px black solid;padding:4px;">
        <div class="clsContainer div1" style="border:1px solid black;margin-right:3px;float:left;">
            <img src="http://www.scicomcommerce.com/media/catalog/product/cache/1/image/5e06319eda06f020e43594a9c230972d/m/y/my-computer.jpg" 
        alt="" style="height:50px;width:50px;"/>        
        </div>
        <div class="clsContainer div2" style="float:left;">
            <div id="first" style="border:1px solid black;margin-bottom:3px;word-wrap:break-word;padding:2px;"> 
                The quick brown fox jumps over the lazy dog.
        </div>
            <div id="second" style="border:1px solid black;margin-top:8px;word-wrap:break-word;padding:2px;"> 
                ThisIsAVeryLongggggWordThatDoesNotWrapPleaseHelpMeSolveThisWordWrapIssueInSafari
        </div>
        </div>
</div>
</body>   
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You need to add an explicit width to your #first and #second divs:

    #first
{
    width: 138px;
    border:1px solid black;
    margin-bottom:3px;
    word-wrap:break-word;
    padding:2px;
}

#second
{
    border:1px solid black;
    margin-top:8px;
    width: 138px;
    word-wrap:break-word;
    padding:2px;
}

    Example for you here. Tested in Safari 5.0.3 for Windows.

    But Safari as yet doesn’t support break-word so you’ll have to go with using actual words for now 🙂

    • 0