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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd";>
<html>
<head>
<title>Wicket Examples - helloworld</title>
<link rel="stylesheet" type="text/css" href="style.css"/>
</head>
<body>
<div id =" wicket-mainNavigation"><wicket:panel>
<a href="index.html"><h1>Wicket Examples</h1></a>
<p id="titleblock">
<b><font size="+1"><span id ="
wicket-exampleTitle">helloworld</span></font></b>
</p>
</wicket:panel></div>
<div style =" text-align: center; margin-left: auto; margin-right:
auto; width:10%; height:auto" id =" wicket-box"><wicket:border>
<div style =" background-color: #333333; background-image: none"
id =" wicket-top">
<div style =" background-position: right top;
background-repeat: repeat-y" id =" wicket-right">
<div style =" background-position: left bottom;
background-repeat: repeat-x" id =" wicket-bottom">
<div style =" background-image: none" id =" wicket-left">
<div style =" background-image:
url(GetRoundCorner?size=10&type=top-left&background=ffffff);
background-repeat: no-repeat; background-position: left top" id ="
wicket-topLeft">
<div style =" background-image:
url(GetRoundCorner?size=10&type=top-right&background=ffffff);
background-repeat: no-repeat; background-position: right top" id ="
wicket-topRight">
<div style =" background-image:
url(GetRoundCorner?size=10&type=bottom-right&background=ffffff);
background-repeat: no-repeat; background-position: right bottom" id ="
wicket-bottomRight">
<div style =" background-image:
url(GetRoundCorner?size=10&type=bottom-left&background=ffffff);
background-repeat: no-repeat; background-position: left bottom;
padding: 15px 30px 30px 15px" id =" wicket-bottomLeft">
<div style =" width: 100%" id ="
wicket-contents">
<wicket:body/>
<div style =" color: #ffffff" id ="
wicket-message">HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!H
elloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWo
rld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!HelloWorld!He
lloWorld!</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</wicket:border></div>
</body>
</html>
-------------------------------------------------------
SF email is sponsored by - The IT Product Guide
Read honest & candid reviews on hundreds of IT Products from real users.
Discover which products truly live up to the hype. Start reading now.
http://ads.osdn.com/?ad_id=6595&alloc_id=14396&op=click
_______________________________________________
Wicket-user mailing list
[email protected]
https://lists.sourceforge.net/lists/listinfo/wicket-user
