Allora ho creato questa struttura tabeless. La struttura è semplice: header, corpo centrale, colonna destra e footer. il problema è che se il testo nella colonna di dx è maggiore del centrale, ecco, la colonna di dx si allunga oltre, come mai? qua c'è il codice...
Grazie1000 
ciao
neorf
Codice PHP:
<body>
<div id="container">
<div id="header">header</div>
<div id="menu">menu</div>
<div id="container_central">
<div id="column">
column
<div id="leftmenubox">box
<
dddd</div>
column
</div>
<div id="content">content
<
dddd</div>
</div>
<div id="spacer">space</div>
<div id="footer">footer</div>
</div>
</body>
Il css è questo:
Codice PHP:
html,body{margin-top:0px; padding: 0}
body{
font-family: Verdana,arial,sans-serif;
font-size: 76%;
background-color:#481b26;
}
div#container{
width: 720px;
margin: 0 auto;
text-align: center;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
background-color:#f9fad4;
color:#481b26;
}
div#container_central{
width: 720px;
}
div#header{
background: url(../images/title_top.png);
background-repeat:no-repeat;
padding:2.5px;
height:160px;
text-align:right;
}
div#title{
padding-top:15px;
padding-bottom:5px;
border-bottom: 1px solid white;
font-weight:bold;
width:400px;
}
div#menu{
color:#481b26;
text-align:left;
padding:0.3em;
}
div#menu a{
text-decoration: none;
text-align:left;
color:#481b26;
}
div#menu a:hover{
text-decoration: underline;
text-align:left;
color:#481b26;
}
div#body{
width:320px;
padding:0.5em;
}
div#body a{
text-decoration: none;
color:#000;
}
div#body a:hover{
text-decoration: underline;
color:#000;
}
div#pages{
text-align:center;
padding:0.5em;
}
div#pages a{
text-decoration: none;
color:#000;
}
div#pages a:hover{
text-decoration: underline;
color:#000;
}
div#spacer{
}
h1{
margin: 0;padding:0
}
h2{
color:#4078B8; font-size:1.5em; text-align:center;
}
div#navigation{
float: left;
width: 120px;
}
div#content{
width: 400px;
padding:0 1.5em;
text-align:left;
}
div#content p{
line-height:1.3em;
}
div#column{
float:right;
display:inline;
background-color:#FFFFFF;
width: 220px;
overflow: hidden;
padding:5px 5px 5px 5px;
text-align:left;
}
div#column a{
text-decoration: none;
color:#000;
}
div#column a:hover{
text-decoration: underline;
color:#000;
}
div#footer{
padding:2px;
color:#000;
text-align:center;
font-size: 11px;
}
div#footer a{
text-decoration: none;
color:#000;
}
div#footer a:hover{
text-decoration: underline;
color:#000;
}
div#footer a#activelink{color: #033;text-decoration: none}
div#subtitle{
font-size:10px;
padding:0.5em;
}
div#subtitle a{
text-decoration: none;
color:#000;
}
div#subtitle a:hover{
text-decoration: underline;
color:#000;
}
.flag {
text-align:right;
}
table.form_table {
text-align:center;
padding-left:30px;
}
table.form_table td{
text-align:left;
}
.category{
font-size:9px;
padding-top: 10px;
margin-top:10px;
text-align:left;
}
.category a{
text-decoration: none;
color:#000;
}
.category a:hover{
text-decoration: underline;
color:#000;
}
.lefmenu {
font-weight:bold;
border-bottom: 1px solid white;
width:150px;
}
div#leftmenubox{
background-color:#f9fad4;
font-size:11px;
padding:0.5em;
}
div#leftmenubox a{
text-decoration: none;
color:#000;
}
div#leftmenubox a:hover{
text-decoration: underline;
color:#000;
}
