Code: Select all
<div class ="page_content">
<div class ="page_content_left">
</div> <!--closes page content left-->
<div class = "page_content_right">
</div> <!--closes page content right-->
</div> <!--closes page content-->
Code: Select all
.page_content{margin:0px auto;width:1000px;height:590px;position:relative;top:50px;-moz-border-radius:8px; border-radius:8px; border:none;
}
.page_content_left{position:absolute;top:0px;left:0px;width:35.0%;min-height:590px;-moz-border-radius:8px; border-radius:8px;
/* fallback */
background: #000000;
/* Mozilla: */
background: -moz-linear-gradient(top, #100f0f, #000000);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#100f0f), to(#000000));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#100f0f', EndColorStr='#000000', GradientType=0);
/*opera*/
background-image: -o-linear-gradient(top,#100f0f,#000000);
}
.page_content_right{position:absolute;top:0px;left:351px;width:64.9%;min-height:590px;-moz-border-radius:8px; border-radius:8px;
/* fallback */
background: #000000;
/* Mozilla: */
background: -moz-linear-gradient(top, #100f0f, #000000);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#100f0f), to(#000000));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr='#100f0f', EndColorStr='#000000', GradientType=0);
/*opera*/
background-image: -o-linear-gradient(top,#100f0f,#000000);
}
And the page in question can be found at this url:
creativewizz.com/testimonials_page.php
The main parent div (page_content) has invisible borders and the left and right child divs are the divs with headings, "testimonials" and "write a testimonial" respectively. When the child divs are included, not only do their parent div not centralize on resize, but also the footer div, bordered at the top by the white horizontal line. How can I fix this???