Two points to be made:
1) This issue is discussed in great detail here: http://www.complexspiral.com/publications/containing-floats/
2) The reason that Firefox wasn't expanding vertically is because it could not break the text into smaller pieces (since it's one long word). IE cheats chosing breaking points. What is ultimately missing here is CSS overflow having a value of "hyphenated" which would do something similar to what IE does. This is discussed further here: http://www.webmasterworld.com/forum83/5762.htm
Gili
--Original Message Text---
From: Gili
Date: Wed, 09 Mar 2005 23:52:44 -0500
Below is my HTML code. Please copy/paste it into some HTML file
and view it in Firefox. What you will see, if you hit CTRL-A (select
all), is that the contents of the border flows outside of it. This is
due to the fact that overflow defaults to "visible" which tells the
browser to allow the text to break out of the surrounding element (in
this case, the box) if it cannot render inside it. If you change
overflow to "scroll" you will get a nice horizontal scrollbar.
My question is: why the heck isn't the box expanding
vertically? It does so just fine under Internet Explorer. Any ideas?
Gili
Wicket Examples - helloworld
Wicket Examples
helloworld
HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!H elloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWo rld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!He lloWorld!
