salve ragazzi sono un novellino in ambito css..
mi ritrovo di fronte al seguente problema..
ho realizzato un mio sito personale...
adesso vorrei centrare l'intero sito al centro della pagina in questo modo
Codice PHP:
<div align="center">
<div>tutto il sito</div>
</div>
il problema che si centra tutto tranne la colonna a sinistra che resta ancorata a sinistra della pagina
ecco il mio css
Codice PHP:
#box{
width: 1000px;
height:100%
margin: 0 auto;
background-color:#FFFFFF;
}
#header_1{
width: 1000px;
height:149px;
background-color:#4682B4;
}
#header_2{
width: 1000px;
height:30px;
background:#4682B4 url(graficasito/effettualo.jpg) repeat-x;
}
#header_3{
width: 1000px;
height:100%px;
background-color:#4682B4;
background:#4682B4 url(graficasito/back.jpg) repeat-x;
}
#cont{
width: 300px;
height: 450px;
float:left;
}
#col_1{
width: 300px;
height:145px;
background:#4682B4 url(graficasito/backlogin.jpg) repeat-y ;
marrgin-top:5px;
}
#col_2{
width:300px;
height:300px;
background-color:##FFFFFF;
margin-top:5px;
}
#centro{
width: 700px;
height:100%;
background-color:##FFFFFF;
float:left;
}
#footer{
width: 1000px;
height:200px;
background-color:#4682B4;
clear:left;
}
cont col1 e col2 restano a sinistra?
perchè?
questo è il codice relativo alle colonne
Codice PHP:
<div id="cont">
<div id="col_1">
[img]graficasito/login.jpg[/img]
<form action="login.php<?=$link?>" method="post">
<table cellspacing="2">
<tr>
<td>Nome Utente:</td>
<td><input type="text" name="uname"></td>
</tr>
<tr>
<td>Password:</td>
<td><input type="password" name="passw"></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="action" value="login"></td>
</tr>
</table>
</form>
<?php
switch($status){
case AUTH_LOGGED:
?>
Benvenuto <?=$user["name"];?> [url="logout.php<?=$link?>"]Logout[/url]
<?php
break;
case AUTH_NOT_LOGGED:
?>
Effettua il login e inserisci il tuo annuncio!
<?php
break;
}
?>
[img]graficasito/loginsotto.jpg[/img]
</div>
<div id="col_2">
<div>
<form name=selcerca action='annuncisel.php' method='post' >
<div>
[img]graficasito/cerca_sopra.jpg[/img]
Digita il tuo Paese:
<input type="text" name="cercatxt" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
<input type="submit" name="actioncerca" value="Cerca">
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;"> [img]upArrow.png[/img]
<div class="suggestionList" id="autoSuggestionsList"> </div>
</div>
</form>
</div>
</div>
</div>
sapete aiutarmi?