CSS What! is going on
- Started
- Last post
- 14 Responses
- spraycan0
set the width to 3000px
- Stugoo0
word wrap works in ie6 btw
- juhls0
Word-wrap was introduced by Internet Explorer, and made it to the CSS3 specifications. Still doesn't mean it will work correctly in every browser. Stick with the more widely-used one (overflow) for now.
- juhls0
Or you can use width. Part of the problem is that the words are not broken up and are just one long line of letters.
- pillhead0
Fight, haha
- Stugoo0
i stand corrected break-word doesnt work in Opera.
neither does white-space: -o-pre-wrap;tbh. the long chars doesn't break the box model. and I am reluctant to use the hidden overflow (not sure why right now). so would use the word-break solution...
anyone have a working example of the overflow hidden technique?
- elahon0
Getting some good filler content will help.
- pablito0
You could use word-wrap which is part of CSS3... so it wont work on all browsers.. http://www.css3.com/css-word-wra…
- 3030
There is nothing wrong. You have a very long line of the text which is one word in fact.
Just put some normal content. If you want to keep exact dimensions of the green area and hide excess amount of content add overflow: hidden;
- acescence0
there's also overflow: hidden or overflow:scroll
- Mojo0
oh, it's because hip hop is now dead.
- Stugoo0
Instead of the overflow declaration you should use the css declaration:
word-wrap: break-word;
that will make long lines wrap cross browser.
use Lorem ipsum for dummy text though.
- version30
#test1 {
background-color:#006633;
border:0;
overflow-x:none;
overflow-y:auto;
margin:0;
padding:0;
word-wrap: break-word;
}