layout table-less con qualche problema
Inutile. Alla fine ecco che ristruttuto il mio sito x la terza volta!! La prima solo html, la seconda mista cn css, la terza e spero ultima volta utilizzando solo i css, in una struttura table less!!!!
Credo di aver fatto tutto bene, perņ purtroppo il corpo centrale non vuole stare al centro!! le misure sono giuste, e se le aumento quelle del div contenitore il corpo centrale va al centro, solo che rimane un po' di spazio, mentre vorrei che fosse tutto attaccato. anche con il padding spacing e margin 0 non ottengo nessun risultato. poi le barre laterali che flottano (float, eheh) a destra o sinistra, occupano in verticale solo un pezettino. Non capisco!!
Questo č il codice nella pagina
Codice HTML:
<html>
<head>
<title>prova</title>
<LINK rel="stylesheet" href="Copia di layout_estate_.css" type="text/css" />
</head>
<body>
<div align="center" id="contenitore">
<div id="testata">
<div class="barraor"></div>
<div class="sfondotest" id="contlogosin">
<div class="barraversin"></div>
<div id="logosin"></div>
</div>
<div id="contlogodestr">
<div class="barraverdestr"></div>
<div id="logodestr"></div>
</div>
<div id="logocentr"><p class="sfondotest" align="center">banner</p><p align="center">logocentr</p></div>
<div class="barraor"></div>
</div>
<div id="contnavigazione">
<div class="barraor"></div>
<div class="barraversin"></div>
<div class="barraverdestr"></div>
<div id="navigazione">navigazione</div>
<div class="barraor"></div>
</div>
<div id="contextra">
<div class="barraor"></div>
<div class="barraversin"></div>
<div class="barraverdestr"></div>
<div id="extra">extra<br><br></div>
<div class="barraor"></div>
</div>
<div id="contcontenuto">
<div class="barraor"></div>
<div class="barraversin"></div>
<div class="barraverdestr"></div>
<div id="contenuto">contenuto<br>contenuto<br>contenuto<br>contenuto<br>contenuto<br>contenuto<br>ggggg</div>
<div class="barraor"></div>
</div>
<div id="footer">footer</div>
</div>
</body>
</html>
e questo il css
Codice:
/*Copyright by WILLY il COYOTE www.willyilcoyote.altervista.org*/
/*layout table-less estate dal mese di giugno al mese di agosto*/
/*Contenitore della pagina e delle varie colonne*/
div.barraor {
float: both;
width: 100%;
heigth: 10px;
background-image: url(http://willyilcoyote.altervista.org/variexsito/barra-orizzontale10x10.jpg);
background-repeat: repeat-x;
}
div.barraversin{
float: left;
width: 10px;
background-image: url(http://willyilcoyote.altervista.org/variexsito/barra-verticale10x10.jpg);
background-repeat: repeat-y;
}
div.barraverdestr{
float: right;
width: 10px;
background-image: url(http://willyilcoyote.altervista.org/variexsito/barra-verticale10x10.jpg);
background-repeat: repeat-y;
}
.sfondotest {
background-image: url(http://willyilcoyote.altervista.org/variexsito/testata_estate_.jpg);
background-repeat: repeat-x;
}
div#contenitore {
margin: 0px;
spacing: 0px;
padding: 0px;
width: 880px;
background-color: #F79646;
}
/*testata*/
div#testata {
clear: both
}
div#contlogosin {
float: left;
width: 175px;
}
div#logosin {
width: 165px;
background-image: url(http://willyilcoyote.altervista.org/variexsito/testata_estate_.jpg);
background-repeat: repeat-x;
}
div#contlogodestr {
float: right;
width: 175px;
}
div#logosdestr {
width: 165px;
background-image: url(http://willyilcoyote.altervista.org/variexsito/testata_estate_.jpg);
background-repeat: repeat-x;
}
div#logocentr{
align: center;
width: 530px;
}
div#contnavigazione {
float: left;
width: 165px;
}
div#navigazione {
width: 140px;
}
div#contextra {
float: right;
width: 220px
}
div#extra {
width: 200px;
}
div#contcontenuto {
width: 500px;
}
div#contenuto {
width: 450px;
}
div#footer {
clear: both
width: 880px;
}
cosa ho sbagliato???
