PDA

View Full Version : Resolved Stretching content box



neex1233
Nov 11th, 2010, 06:44 PM
I'm using the following code for my content box that automatically stretches to fit the text, images, etc. inside of it. It works fine, but the bottom two images are too high up and I don't know how to fix it.


CSS:


div {
margin:0;
}

.ro {
background: url("http://thenicoweb.com/tests/rightmain.png") top right no-repeat;
}

.lo {
background: url("http://thenicoweb.com/tests/leftside.png") top left no-repeat;
}

.ru {
background: url("http://thenicoweb.com/tests/bottomright.png") bottom right no-repeat;
}

.lu {
background: url("http://thenicoweb.com/tests/bottomleftcorner.png") bottom left no-repeat;
}

.inhalt {
margin:0;
padding:2.5em 2.5em 3.5em 2.5em;
}

.inhalt p {
margin:0;
padding:0;
}



HTML:

<div class="ro" style="margin: 12%;">
<div class="lo">
<div class="ru">
<div class="lu" >
<div class="inhalt">
Blahblahblahblahblahblahblah.<br>
sdfasdfsdf<br>
sdgsgdfsdf<br>
hey

See the attached image for the result. How do I fix this??

neex1233
Nov 11th, 2010, 07:56 PM
Nvm, I got this worked out. If anybody was wondering how, here is the code:
CSS
----------


.main {
padding: 12px;
min-height:100px;
opacity:0.88;
min-width: 1100px;
height:auto !important;
height:{VALUE}px;
position:absolute; overflow:hidden;
background-color:#85848b;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}


HTML
------------


<div class="main">
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>
blah<br>