Results 1 to 7 of 7

Thread: Word wrap

  1. #1
    Join Date
    Mar 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Word wrap

    hi,

    i have a very simple design,
    basically its 2 columns and a footer.

    <div style="padding:10px;" id="MainContainer">
    <div style=" float:left;width:450px;" id="videocontainer">
    <h2 align="center">Video Search Results</h2>
    <p align="center">&nbsp;</p>

    %content%

    </div><!--videocontainer -->

    <div style="float:left;width:450px;" id="tagsContainer">

    <h2>Tags</h2>
    <p>&nbsp;</p>

    %content%

    </div> <!-- end tagContainer -->

    <div style="clear:both" id="footer">

    %content%
    </div> <!-- footer -->
    </div><!-- end mainContainer -->

    my problem is that when, in the tagsContainer, i have a long word and a big font size the word does not break and the div displays UNDER the left div!!

    what can i do "stick" the div in its place and break the word into the next line?

    thanks,

    assaf

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    There is no left div, at least none with that id, which div do you mean?
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    Coincidentally, I've described this very IE bug in the browser war that has become of Stupid Firefox.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  4. #4
    Join Date
    Mar 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    john -
    thanks for replying, i will try to describe again my problem,

    "my problem is that when, in the tagsContainer, i have a long word and a big font size the word does not break and the div displays UNDER the left div!!"

    the let div has id of ''videocontainer" as you can see from the code.

    anyway how do i stop an object to change no matter what it have inside?
    in other words, how to break text (single word) or make it jump to the next row like in this post editor?

    thanks,

    assaf

  5. #5
    Join Date
    Jun 2005
    Location
    英国
    Posts
    11,876
    Thanks
    1
    Thanked 180 Times in 172 Posts
    Blog Entries
    2

    Default

    If you'd read the post to which I've linked above, you'd know the answer to that.
    Twey | I understand English | 日本語が分かります | mi jimpe fi le jbobau | mi esperanton komprenas | je comprends français | entiendo español | tôi ít hiểu tiếng Việt | ich verstehe ein bisschen Deutsch | beware XHTML | common coding mistakes | tutorials | various stuff | argh PHP!

  6. #6
    Join Date
    Mar 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    twey sorry your post was unclear ( to me anyway) ,

    if you ment to use -
    {word-wrap: break-word;}

    didn't work

    sorry i din't said that before but this is a Tags<div> so the tags inside it are links( <a href> ).
    so a problematic word will be -
    <a href='/show_tags.php?tag=episodes' style="font-size:64px;;" title="161 page(s) found" >episodes</a>

    how can i break it?

    thanks,

    assaf

  7. #7
    Join Date
    Mar 2007
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    problem solved

    thank you all,

    found the problem, because the pages are dynamic a broken tag caused this problem....

    tanks again,

    assaf

Bookmarks

Posting Permissions

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