Posted 3 years ago #
hi all! i'm having difficulties getting my site to behave, specifically wrapping text in a div.
For example:
http://www.hawtlanta.com/category/casting/
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!
Posted 3 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)...?
Posted 3 years ago #
did you use FF or IE? in FF, the text stretches the sidebar, killing the layout. :( i want to make it stop.
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?
http://www.vindictivebastard.net/gaps.gif
spencerp
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..
Posted 3 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.
This topic has been closed to new replies.
