Salve a tutti , ho creato un sito , che si vede perfettamente sui monitor delle mie dimensioni o più grandi , ma negli schermi più piccoli alcuni dettagli si perdono e credo che sia per le proprietà dei css , che sono tutte in pixel.
Se però porto tutti i valori in percentuale allora la struttura del sito crolla , sapreste quindi dirmi come potrei passare dai pixel alle percentuali? vi copio i css:
body
{
font-size:16px;
margin: 2px 0px 0px 0px;
}
.container
{
padding-top:3px;
margin-top:16px;
width:100%;
height:195px;
float:left;
z-index: -1;
position:absolute;
}
.container1
{
width:900px;
margin:20px auto;
margin-top: 3px;
min-height: 100%;
height: auto !important;
height: 100%;
z-index:1;
}
.container3
{
width:100%;
height:15px;
float:left;
z-index: -1;
position:absolute;
margin:-75px 0px 0px 0px;
}
.container4
{
width:100%;
height:20px;
float:left;
margin:4px 0px 0px 0px;
padding: 20px 0px 0px 0px;
}
.header
{
min-width: 900px;
min-height: 80px;
background: #fff0b3;
padding:20px 0px 105px 0px;
}
.content
{
min-height: 400px;
float:left;
width:900px;
margin: -3px 5px 0px 0px;
margin-bottom: 0px;
}
la struttura è: container => header , container 1 => content/container4 , container3 => footer
spero che si riesca a capire...grazie a chiunque provi ad aiutarmi!!
Rispondi quotando
