[CSS] Stò impazzendo, i contenuti traboccano dal template

[WilliamBlake]

Ciao,
se andate su questa pagina con Firefox potete capire di cosa parlo:

I contenuti della gallery letteralmente traboccano dal template, non riesco proprio ad uscirne e stò impazzendo da ore....anche usando firebug mi stò impiccando...c'è qualcuno che riesce ad aiutarmi?

Tnx

[tomminno]

Che stile hai impostato per i div container e contenitore_bordi?
(Scusa ma mi fa fatica andare a spulciare il css :) )
[Edit] Vedo che container ha un'altezza di 860px

[WilliamBlake]

Lo stile impostato nel file template.css è:


body{
margin: 0;
padding: 0;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
background-color: #dedede;
line-height: 180%;
}

#container{
margin: 0 auto;
height: auto;
width: 770px;
background: #fff url(../images/container.png) left top repeat-y;
}

#contenitore_bordi{
margin: 0 auto;
width: 760px;
border: 1px solid #000;
border-bottom: 1px solid #000;
}

#header{
margin: 0 auto;
width: 760px;
height: 283px;
border-bottom: 1px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #8a9bac;
color: #000;
}

#menu{
margin: 0 auto;
width: 760px;
background: #41545F;
border-bottom: 1px solid #000;
color: #fff;
text-align: left;
}

.bloccoleft{
float : left;
width : 160px;
margin-top : 5;
margin-right: 20px;
margin-left: 10px;
background : #fff;
}

.middle {
margin-left: 190px;
position:absolute;
width:550px;
}

#clear {
display: block;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}

#footer{
margin: 0 auto;
width: 760px;
background: #41545F;
text-align: center;
clear : both;
bottom:0;
color: #fff;
border-top: 1px;
border-bottom: 1px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
padding: 0;
}

#user1{
width: 550px;
}

#articoli{
width: 550px;
text-align: left;
}


Mi pare strana questa storia dell'altezza di container...

Ah dimenticavo di dire che questo problema mi viene dato da quando ho impostato la proprietà position:absolute; al div middle (ma senza tale proprietà mi da altri problemi)

Grazie

[Amsirak]

al div "articoli" assegna:

height: 500px;
overflow-x: hidden;

comunque il posizionamento absolute mi ha sempre dato problemi :/

[Amsirak]

edit: doppio

[WilliamBlake]

edit: doppio

beh ma così stò semplicemente mettendo una barra di scorrimento verticale interna...non era quello che volevo ottenere :(

[Amsirak]

Cosa vuoi ottenere?

Edit:
div user1
float: right;
width: 150px;

div articoli
float: right;
text-align: center;
width: 450px;