Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    May 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    text does not wrap

    when using font size control (javascript) in conjunction with firefox the text in my footer extends beyond the width of its containing div

    i have a container div which house 3 divs to make up my footer

    footerL | footerC | footerR

    these are positioned absolutely within the container div

    ON resize, the text within footerL is too large for its div (width set by px)
    but instead of wraping to the next line the text extends beyond footerL and goes underneath footerC.

    the text in footerR (on resize) is squashed into the available space rather than wraping to the next line

    THIS ALL WORKS FINE IN IE7

    LIVE EXAPMLE

    http://www.ats-heritage.co.uk/div/template.html

    (please use the font size toggle to see what i mean)

    any help would be very much appreciated

    cheers
    James

  • #2
    Supreme Master coder! glenngv's Avatar
    Join Date
    Jun 2002
    Location
    Philippines
    Posts
    11,068
    Thanks
    0
    Thanked 256 Times in 252 Posts
    <sub> tag is a subscript tag, as in the 2 in H20.
    Code:
    <div id="container">
    <sub div id="footerL">
      <center><span class="h7">Innovative Solutions</span></center>
    </sub>
    ...
    </div>
    What you want is use another div inside the div to make sub divs. You don't use a <sub> tag with a floating "div" attribute.

    It may not really solve your problem but I just want to point it out.
    Glenn
    ____________________________________

    My Blog
    Tower of Hanoi Android app (FREE!)
    Tower of Hanoi Leaderboard
    Samegame Facebook App
    vBulletin Plugins
    ____________________________________


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •