Originariamente inviato da salasir
Prova a guardare qui:
Far coesistere 2 div opposti sulla stessa riga
CSS pratici
Ti ringrazio per il suggerimento, son riuscito ad allineare i div, c'è solo un piccolo problema ora, che il contenuto sfora e lo sfondo non lo segue, per spiegarmi meglio ecco il link:
http://www.padremanson.com/sito/index.php

Di seguito il codice, in particolare nel CSS la voce height: 40em; di #containerbox regola l'altezza dello sfondo, solo che se lo metto su auto; il box diventa piccolissimo e cmq sfora. Non so come settare per fare in modo che il contenuto rimanga nel box e non lo superi

XHTML
codice:
<div id="contentbg">
  <div id="containerbox">
    <div id="boxup"></div>
    <div class="sin">
      <h3>[img]images/img_aboutme.gif[/img]</h3>
      <h2>
       <h1>
        Prova
        Prova 2   
        Prova 3
        Prova 4
       </h1>
      </h2>
    </div>
    <div class="des">
      <h3>[img]images/text_aboutme.gif[/img]</h3>
	  <h2>Lorem Ipsum Lorem Ipsum Lorem...</h2>
    </div>
  </div>
</div>
CSS:
codice:
/*Box Cenrtrale */
#contentbg { 
   margin: 0 auto;
   padding: 0;
   width: 752px; 
   background: url("images/boxcenterbg.gif");
   background-repeat: repeat-y;
}
#containerbox  {/* il contenitore generale */
  margin:0 auto;
  padding:0;
  background-image: url(images/boxcenterdown.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  height: 40em;
}

#boxup {
  width:100%;
  background: url("images/boxcenterup.gif") repeat-x;
  margin: 0px;
  padding: 0px;
}


.sin {
   margin:0;
   padding:0;
   width:180px;
   background:transparent;
   float:left;
}
.sin h3{
   margin:0 0 5 0px;
   padding:0 0 0 10px;
   font-size: 1.2em;
   color:#fff;
}
.sin h2{
   margin: 0 auto;
}

.sin h1 a{
   color: #888888;
	margin: 0 0 0 5px;
   background-color: #FFFFFF;
   padding: 2px;
   padding-left: 3px;
   display: block;
   border-bottom: 1px solid ;
   font: 10px Verdana, sans-serif;
   font-weight: bold;
   text-decoration: none;
   text-align: left;
}

.sin h1 a:hover{
   background-color: #888888;
   color: #FFFFFF;
   text-decoration: none;
}

.des{
   margin:0;
   padding:0;
   width:572px;
   background:transparent;
   float:right;
   text-align:left;
}
.des h3{
   margin:0;
   padding:0 10px 0 10px;
   color:#000000;
}
.des h2{
   padding:0px 10px 0 10px;
   font-size: 1.0em;
   font-weight: lighter;
}