0
Welcome Guest! Login
0 items Join Now

Sidebar Module text extending off page

    • marcaq's Avatar
    • marcaq
    • Newbie
    • Posts: 5
    • Thanks: 0

    Sidebar Module text extending off page

    Posted 13 years 8 months ago
    • I am having some trouble where i have main body text and a sidebar module with text or an image in it, but the text in the module runs off the edge of the page. Certainly off the sidebar section. I cant seem to resolve this. I have tried searching every forum for a solution but cant find any other article with a solution to this.

      Here is the page:

      www.demo.portagedentist.com/services

      here is a screen shot image:
      demo.portagedentist.com/trashimages/example.jpg

      where the aqua color is the edge of the content.

      Please help!

      Marc
    • Ben Harold's Avatar
    • Ben Harold
    • Sr. Rocketeer
    • Posts: 231
    • Thanks: 1
    • Freelance Developer

    Re: Sidebar Module text extending off page

    Posted 13 years 8 months ago
    • Are you really going to have a word in the sidebar that is 117 characters long?

      The fact of the matter is, if you're using a string of words separated by non-breaking space characters ( ) or very-long single words, they'll never wrap on their own. If you want a word to be able to wrap at a certain point, add a soft hyphen (­) inside the word where it should be hyphenated and wrapped. For more info on the structure of text in HTML (and XHTML) see: www.w3.org/TR/html401/struct/text.html
    • marcaq's Avatar
    • marcaq
    • Newbie
    • Posts: 5
    • Thanks: 0

    Re: Sidebar Module text extending off page

    Posted 13 years 8 months ago
    • thanks for the schooling. :oops:

      I guess that I assumed that if an element in a module was too big that it would force the inside section (main body in this case) to a smaller size, not hang off the page like it does. So the lesson here is that elements inside the module have to be smaller than the space in the column that they reside.

      Thanks,
    • Henning's Avatar
    • Henning
    • Preeminent Rocketeer
    • Posts: 29362
    • Thanks: 954
    • Volunteer

    Re: Sidebar Module text extending off page

    Posted 13 years 8 months ago
    • Nice Ben :-)

      if you have a need for long words you can add

      div.module-content {word-wrap:break-word;}

      to your css (perhaps it does not work in all browsers)

Time to create page: 0.039 seconds