ho deciso di creare il mio primo sito tableless, ma sto riscontrando alcuni problemi. Ho fatto una bozza di come vorrei organizzare la struttura.VVoVe:
Alcune indicazioni: altezza 100% adattabile alle dimensioni dello schermo, mentre le larghezze sono tutte fisse.L'immagine dovrebbe essere sempre allineata in basso, a mò di footer.
Avevo pensato ad una struttura di questo tipo:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>test css</title>
<link href="stile2.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="container">
<div id="col_sx"></div>
<div id="header">ythythythyt</div>
<div id="subheader">erferferferf</div>
<div id="menu"></div>
<div id="body"></div>
<div id="img"></div>
<div id="col_dx"></div>
</div>
</body>
</html>
-----------------------
questa la prima bozza di css:
html, body {
height: 100%;
width:100%;
margin:0px;
background-color:#4B0000;
text-align: center; /*centra in IE 5.x */
}
#container {
min-height: 100%;
height: auto !important;
height: 100%;
width:564px;
background-color:#F0F0F0;
margin: 0px auto;
}
#col_sx {
background-color:#B50000;
margin-left:0px;
float:left;
height:100%;
width:18px;
}
#col_dx {
background-color:#B50000;
margin-right:0px;
float:right;
height:100%;
width:18px;
}
#header{
width:528px;
height:205px;
margin: 0px auto;
background-color:#7A3700;
}
#subheader{
width:528px;
height:20px;
background-color:#C35700;
float:no;
}
#body_sx {
background-color:#984742;
width:119px;
float:left;
height:100%;
}
#body_dx {
background-color:#f0f0f0;
float:right;
width:409px;
height:100%;
position:relative;
z-index:0;
}
#body_img {
width: 409px;
height: 305px;
clear: both !important
position: absolute;
margin-left:90px;
}
--------------------------------
fino alla creazione del layout centrato, con colonna sinistra,destra ed header ci arrivo bene. Ma già il posizionamento del subheader mi fa impazzire.
Vorrei solo capire se l'impostazione è più o meno giusta...accetto consigli su come proseguire...:master:
grazie
Rispondi quotando