Salva ragazzi. Nel sito che sto realizzando vorrei avere un layout fluido. Molti mi hanno consigliato di usare solo misure in percentuale ma non funziona .
Vi posto il codice css:
Grazie a tutti coloro che risponderanno
Vi posto il codice css:
Codice:
html, body {
height: 100%;
width: 100%;
margin: 0;
overflow: auto;
}
#titolo {
font-size: 350%;
text-align: center;
font-style: italic;
font-family: "Georgia", serif;
padding: 0;
}
#elencoTorte ul {
font-size: 110%;
padding: 0;
text-align: center;
}
#elencoTorte {
margin-left: 5%;
}
nav ul {
list-style: none;
padding: 0;
text-align: center;
margin-left: 10%;
margin-right: 10%;
height: 10%;
}
nav ul li {
font-size: 130%;
margin-right: 5%;
float: left;
margin-left: 5%;
}
body {
background-color: #E09FFF;
}
#elencoTorte ul li {
float: left;
margin-left: 15%;
}
a, a:visited, a:link {
text-decoration: none;
color: #C140FF;
}
a:hover {
color: #E1BFFF;
}
h3 {
font-size: 130%;
}
h4 {
position: relative;
bottom: 100%;
padding: 0;
}
hr {
height: 0.2em;
margin: 0 auto;
border: 1px solid #E09FFF;
background-color: #E081FF;
width: 80%;
}
header {
padding: 0;
margin-bottom: -1%;
}
#sinistra {
float: left;
border: 4px ridge violet;
margin: 2%;
height: 100%;
background-color: #E09FFF;
width: 15%;
}
#destra {
float: left;
margin: 2%;
border: 4px ridge violet;
width: 75%;
height: 80%;
min-height: 400px;
background-color: #E09FFF;
}
#ultimeTorte, #tutteTorte {
padding: 0;
margin-left: 10%;
font-size: 120%;
}
#corpo {
border: 0.3em ridge violet;
margin-left: 10%;
display: inline-block;
width: 80%;
background-color: #E1BFFF;
}
#elencoTorte {
}
footer {
font-size: 110%;
margin-left: 35%;
margin-right: 35%;
margin-top: -1%;
}
#foot {
margin-left: 10%;
margin-right: 10%;
}
#nome {
text-align: center;
font-size: 2em;
margin-bottom: 0.5em;
}
#fotoTorta, #descrizioneTorta {
float: left;
}
.imgTorta {
max-height: 350px;
max-width: 250px;
border: 0.2em ridge violet;
}
#fotoTorta {
margin-left: 2%;
}
#descrizioneTorta {
border: 0.2em ridge violet;
width: 65%;
height: 80%;
min-height: 350px;
margin-left: 3%;
margin-bottom: 3%;
background-color: #E1BFFF;
}
#boxTitolo {
font-size: 130%;
text-align: center;
}
p {
font-size: 110%;
padding-left: 1%;
line-height: 130%;
}
#inserimento {
text-align: center;
}