word wrapping text in a div (sidebar) (5 posts)

  1. princessfrozen
    Posted 10 years ago #

    hi all! i'm having difficulties getting my site to behave, specifically wrapping text in a div.

    For example:

    In IE, it looks great because of the word-wrap: break-word attribute. In FF? No dice.

    Does anybody know how I can get this to wrap in Firefox? I'd appreciate it greatly!

  2. Sam_a
    Posted 10 years ago #

    I don't think there's a standard CSS equivalent for IE's break-word property. You can use something like { overflow-x: hidden;}, which is a different approach to the same problem.

    But I visited your page and didn't see any problems (even in a narrow window)...?

  3. princessfrozen
    Posted 10 years ago #

    did you use FF or IE? in FF, the text stretches the sidebar, killing the layout. :( i want to make it stop.

  4. spencerp
    Posted 10 years ago #

    I'm viewing the blog index in FF and I'd suggest lowering the margin on the left side of the "post" itself. Also, lowering either the actual #wrapper or #insideWrapper width down a bit.

    This will allow or give some "give" between browsers. If you'd like, I can screen shot it, and make an example of it?



    Sometimes using a negative ( - ) margin width in the css helps to, I had to on the stupid default theme. So it displays right in both FF and IE..I dunno..

  5. Sam_a
    Posted 10 years ago #

    Oh -- the first time I saw it I thought #sidebar was the footer. ;)

    I don't think the problem is text wrapping -- #sidebar is floated but it needs a width. {width:20%;} will work (just an example).

    I would get rid of all of those white-space rules for #sidebar, too.

Topic Closed

This topic has been closed to new replies.

About this Topic