rockiealba
New Member
I'm trying to create this layout.
I would like the layout to be accessible via IE 8 and up and other standard web browsers. So i don't want to use CSS3, if possible.So far i got this (it's without header and footer as those are primitive to add):HTML:\[code\]<div class="right"> <div class="left"> <div class="container clearfix"> This is an example text<br /> This is an example text<br /> This is an example text<br /> This is an example text<br /> This is an example text<br /> </div> </div></div>\[/code\]CSS:\[code\].right {background: url('images/bgr.jpg') no-repeat scroll right top #FFFFFF;}.left {background: url('images/bgl.jpg') no-repeat scroll left top transparent;}.container {width: 960px; margin: 0 auto; position: relative; text-align: left; border: 1px solid red;}.clearfix:after {clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden;}\[/code\]The problem is, when I open it at resolution lower than (pic1Width + pic2Width + contentWidth) the pictures will cover the content making it disapear. I'm also not able add a fluid space on the left and right of the Picture 1 and 2. Thanks for any hint!