1 Reply Latest reply on Apr 10, 2011 9:52 AM by mytaxsite.co.uk

    Probs with Container

    pfmarconi Level 1

      What I have is a simple wrapper containing 3 "cells" (not  tables)inside a container. The wrapper comes outside the bottom of it no  matter what I've tried.

       

      I've read many articles and tried many things but without  success. No doubt it's a pretty basic mistake but I would be really  grateful for any advice.

       

      The style that I've adopted have been taken from a website - [url="http://www.poccuo.com/"]http://www.poccuo.com/[/url]

       

      Thanks for any advice.

       

      Paul

       

      TRIAL.jpg

      /* CSS Document */            body,      html {      margin:0 ;      padding:0;      } #container                {                      width:960px;      height:auto;      margin:25px auto;      border:3px solid #DBDBDB;      position:relative;      -moz-border-radius: 20px;      -webkit-border-radius: 20px;      border-radius: 20px;      overflow:hidden;           } .clear { clear: both; } .h1 {   color: #999999; font-family: Garamond, "Palatino Linotype", Georgia;   font-size: 56px;   margin-top:-500px;   margin-left:34px;   position:absolute;   }   .h2 {      color: #0066FF;      font-family: Garamond, "Palatino Linotype", Georgia;      font-size: 32px;      font-weight:500;      padding-left:22px;      margin-top:-477px;      margin-left:525px;      position:absolute;      font-style: italic; } #aboutme      {      width:950px;      font-family: Garamond, "Palatino Linotype", Georgia;      font-size: 16px;      color:#666666;      margin-top:-430px;      margin-left:175px;      margin-right:25px;      border:6px solid 000000;      float:left;      }                  .mod_wrapper .body { margin: 10px 0px 0px 5px; }            .mod_wrapper {      width:940px; margin-left: 160px; margin-right: 0px; margin-top:-300px; float:left; background-color:#DBFCAD;      -moz-border-radius: 20px;      -webkit-border-radius: 20px;      border-radius: 20px; } .mod_3 { font-family:Garamond, "Palatino Linotype", Georgia; font-size:15px; color:#333333; border-right-color: #AEFB46; border-right-style: dotted; border-right-width: 2px; height: 380px; margin-right: 5px; padding-right: 4px; padding-left:2px; width: 300px; float: left; } ......................................................................................... ...........     
           
                                                            
            MICHAEL SMITH elegant and timeless interior designs
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                                 
                                                    


                           
      Orchid
                           

      Lorem ipsum dolor

                      

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

                           


      MAX
                           

      Lorem ipsum dolor

                          

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

                           


      Dogs                     
                           

      Lorem ipsum dolor

                          

      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

                                                     
        • 1. Re: Probs with Container
          mytaxsite.co.uk Level 6

          You need to provide a link to your page so that we see the html code.  CSS alone is not going to tell us anything and the image is absolutelky not necessary here.  Please don't post links to third party website because it amounts to nothing less than spamming.

           

          hth