Ciao a tutti....
premesso che non sono un esperto di css...e che ho trovato una buona guida per impostare un layout table-less...ho creato questo foglio di stile qui:
Codice PHP:
/* CSS Document */
div#header{
position:relative;
height:180px;
background: #ffffff url(immagini/BANNER.jpg) no-repeat top left;
border: 1px solid #000;
border-bottom: 1px;
border-top: 1px;
border-left: 0px;
border-right: 0px;
}
div#header h1{position:absolute;top: 100px;left: 20px;
width:300px;height:60px;
background: url(immagini/BANNER.jpg) center no-repeat -20px -100px}
div#header h1 a{display:block; width:300px;
text-indent: -9000px;text-decoration: none;padding: 60px 0 0 0;
overflow: hidden; height: 0px !important; height /**/:60px;
background-image: url(fastTemplate.png);
background-position: -20px -100px}
div#header h1 a:hover{background-position: -20px -300px}
div#header img#logoprint{display:none}
#container
{
background-color: #fff;
color: #000;
line-height: 180%;
margin: 0em;
padding: 0em;
text-align: left;
width: 100%;
}
#menu
{
float: left;
font: 90% Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
width: 16%;
border-right: 1px solid #000;
}
#content
{
background: #fff;
border-left: 1px solid #000;
color: #000;
margin-left: 16%;
padding: 1.25em 0.8em;
padding: 0.625em;
}
#auth{ width:96%;}
#footer
{
background: #ffffff;
border: 1px solid #000;
border-bottom: 1px;
border-left: 0;
border-right: 0;
border-top: 1px;
color: #4B75DB;
font-family: "Hobo Std";
font-size: 80%;
margin: 0 auto;
padding: 0.8em 0.8em;
text-align: center;
clear: left;
}
ho dei problemi col CONTENT. Praticamente sul mio pc viene visualizzato tutto perfettamente...
ma su un altro pc...con un browser(IE) di versione precedente questo mi viene "sballato" nel senso che si allinea al di sotto del menu e non affianco. La cosa strana è che alcune pagine si allineano correttamente ma nn riesco a capire il perchè...
ci sono dei "tag" necessari per far si che il browser interpreti correttamente lo stile?? (ad esempio mettendo tutto il contenuto all'interno di un paragrafo quindi tra
e </p>, piuttosto che allineare in qualche modo il contenuto...non so che pensare)
L'ho premesso....sono semi-ateo in materia
quindi mi perdonerete per le mie ipotesi "fantasiose"....
spero che qualcuno mi aiuti...
Grazie