Hello,
I need help with my div tags overlapping out of the parent div. I have set the stopped the overflow, but what I really want to achieve is for the overlapping/overflowing div to rather extend the parent div, and also scroll with the page in other longer pages.
You can see the problem on the url:
http://www.futurestatesolutions.co.uk/serve.php
the css for the different layers is:
.fullsecondaryContent (gran parent div style
{
border:solid 1px #24201d;
}
.secondaryContent (Parent Div)
{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
-khtml-border-radius:30px; /* for old Konqueror browsers */
position:relative;
background-image:url(../Images/content_bg.png);
border:solid 1px #333;
overflow:hidden;
margin:45px 0 30px 0;
}
.contentleft (Div Contaning text on left side)
{
width:65%;
margin:40px 25px 20px 25px;
}
.contentright (Problematic Div: Overflowing div)
{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px; /* future proofing */
-khtml-border-radius:30px; /* for old Konqueror browsers */
background-image:url(../Images/side_content_bg.png);
width:23%;
position:absolute;
top:35px;
right:20px;
padding:25px;
color:#FFC;
}
The gray area is the child div.
Also…I have some problems with Alignment on Internet explorer. It aligns the entire page to the left instead of keeping it in the center as other browsers. I have used the text-align:center on the body, and the text-align:left on my wrapper class, but it hasnt changed.. you can see the problem using IE to view :
http://www.futurestatesolutions.co.uk/Index.php
I will really appreciate any help I can get.
Thanks in Advance.
