No replies
velcrobelly
velcrobelly's picture
Offline
newbie
Last seen: 11 years 39 weeks ago
Timezone: GMT-5
Joined: 2011-05-04
Posts: 2
Points: 4

I have searched the forum and not found this topic. Please forgive me if it has been discussed and I ask only that you provide the link to that discussion.

I am having an issue with DIVs that have CSS rounded corners that are are placed into a DIV with Overlay turned on are not shrinking to fit the outer DIV.

In theory, the Rounded Corner DIVs should shrink width-wise to fit the outer DIV is the content of the outer DIV is longer than the height of the outer DIV and only trigger the right scroller.

Code is as follows:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
 
<style type="text/css">
 
.form_holder {
/*ROUNDED CORENERS*/
-moz-border-radius: 5px; /*firefox*/
-webkit-border-radius: 5px; /*safari & chrome*/
-khtml-border-radius: 5px; /*linux*/
/*soon to be supported in IE9*/
border-radius: 5px; /*CSS3*/
/*BOX SHADOWS*/
-moz-box-shadow: 0px 0px 3px #aaaaaa; /*firefox*/
-webkit-box-shadow: 0px 0px 3px #aaaaaa; /*safari & chrome*/
-kthml-box-shadow: 0px 0px 3px #aaaaaa; /*linux*/
/*filter: progid:DXImageTransform.Microsoft.dropShadow(color=#aaaaaa, offX=0, offY=3, positive=true);*/ /*IE*/
box-shadow: 0px 0px 5px #aaaaaa; /*CSS3*/
}
 
</style>
 
</head>
 
<body>
 
<div style="width: 640px; height: 480px; overflow: auto; border: 1px solid #cccccc;">
 
	<div class="form_holder">
 
		<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test<p>test
 
	</div>
 
</div>
 
</body>
</html>

Any help would be greatly appreciated.

- Velcrobelly