Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Stretching content box

    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:
    Code:
    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:
    Code:
    <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??
    Attached Thumbnails Attached Thumbnails Stretching content box-bad.jpg  
    Last edited by neex1233; 11-11-2010 at 06:57 PM. Reason: Solved

  • #2
    New to the CF scene
    Join Date
    Jun 2009
    Posts
    9
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Nvm, I got this worked out. If anybody was wondering how, here is the code:
    CSS
    ----------
    Code:
    .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
    ------------
    Code:
    <div class="main">
    blah<br>
    blah<br>
    blah<br>
    blah<br>
    blah<br>
    blah<br>
    blah<br>
    blah<br>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •