layout table-less con qualche problema

02-09-2007, 19.43.20

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???

Ospite · 02-09-2007, 19.49.58

Mmh...quale sarebbe il div da centrare? :S

02-09-2007, 19.58.57

Originalmente inviato da probid

Mmh...quale sarebbe il div da centrare? :S

Il div contcontenuto , che contiene a sua volta il div contenuto(al centro) e le barre laterali, che sono identificate da class e non da id
EDIT: devo caricare la pagina online per far capire il problema?

Discussione: layout table-less con qualche problema

LinkBack

Strumenti discussione

Display

layout table-less con qualche problema

Regole di scrittura