mi spiace deluderti ma questo è un marchiano errore di progettazione
hai ragione jerry, sto imparando...
cmq il link è nel 1° post e grazie a Dio non uso nessuna tabella, tutto css e xhtml.
però non capisco bene cosa dover fare con il layout in casi come questo. cioè mettiamo caso che lascio la possibilità all'utente di impostare la dimensione del carattere, come progetto il layout in modo che si adatti?
grazie.
questo è il css:
codice:
testa {
width:760px;
margin:0em auto;
text-align:left;
background:#fff;
border:1px solid #c0c0c0;
}
#tasti {
width:760px;
margin:0em auto;
text-align:left;
background:#fff;
border:0px solid #000;
padding:1em 0;
}
#corpo-colonna1 {
position:absolute;
top:0; left:0;
width:200px;
background-color:trasparent;
text-align:center;
/*padding:0em 0; */
}
#corpo-colonna2 {
margin:0 0px 0 200px;
border-left:1px solid #c0c0c0;
border-right:0px solid #000;
text-align:center;
background:#fff;
padding:1em 0;
}
#corpo {
width:760px;
margin:0em auto;
text-align:left;
position:relative;
background-color:#f0f0f0;
border:1px solid #c0c0c0;
}
body {
text-align:center;
font:80% verdana,helvetica,sans-serif;
margin:0; padding:0
}
code {
font:12px verdana,helvetica,sans-serif;
display:block;
text-align:left;
margin:0 1em 0em 1em;
}
/*
#corpo-colonna3 {
position:absolute;
top:0; right:0;
width:200px;
padding:1em 0;
background-color:#330396;
}
*/
#piedipagina { width:760px; margin:1em auto; text-align:center }
#piedipagina {
width:760px;
margin:1em auto;
text-align:center;
background:#ffcc66;
border:1px solid #c0c0c0;
padding:1em 0;
}
h1 {
font:90% verdana,helvetica,sans-serif;
color:#330396;
display:block;
text-align:left;
margin:0 1em .5em 1em;
}
h2 {
font:10px verdana,helvetica,sans-serif;
color:white;
display:block;
text-align:center;
margin:0 0em 0em 0em;
}
h3 {
font:14px, verdana,helvetica,sans-serif;
color:#330396;
display:block;
text-align:left;
margin:0 1em .5em 1em;
}
h4 {
font:.8em, verdana,helvetica,sans-serif;
color:#000;
display:block;
}
/********************************* LINK FOOTER*************************/
.click {
text-decoration: none;
color:#0A6CCF;
}
/************************************************************************/