...

View Full Version : Resolved Stretching content box



neex1233
11-11-2010, 05: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
11-11-2010, 06: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>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum