salve a tutti,
sono un vecchio tabellaro che sta cercando di adattarsi ai layout tableless, non senza fatica.
Ho letto gli articoli che spiegano i vari posizionamenti con i css, tuttavia non riesco ancora a risolvere questo problema: come mai, usando questo codice (che però temo sia uno stratagemma estemporaneo...):
*****************
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background: white;
margin: 0;
padding: 0;
text-align: center;
}
#container {
/*il container visualizza il bordo */
position: absolute;
left: 50%;
margin: 20px 0px 0px -354px;
width: 707px;
background: #FFFFFF;
border: 1px solid #cccccc;
height: auto;
}
#divSx {
width:184px;
padding: 0px;
float: left;
height: 83px;
}
#divDx {
width:523px;
height:83px;
float: left;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="divSx">aaa</div>
<div id="divDx">bbb</div>
</div>
</body>
</html>
*********************
il container presenta i bordi, mentre usando questo codice:
*********************
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
background: white;
margin: 0;
padding: 0;
text-align: center;
}
#container {
/*il container NON visualizza il bordo */
margin: 20 auto;
width: 707px;
background: #FFFFFF;
border: 1px solid #cccccc;
text-align: center;
font-size: 100%;
}
#divSx {
width:184px;
padding: 0px;
float: left;
height: 83px;
}
#divDx {
width:523px;
height:83px;
float: left;
}
-->
</style>
</head>
<body>
<div id="container">
<div id="divSx">aaa</div>
<div id="divDx">bbb</div>
</div>
</body>
</html>
*********************
il container non mi visualizza i bordi?
Dipende dai div interni con il "float"?
La mia necessità è avere un layout che rimanga centrato orizzontalmente (fluido?), con larghezza fissa ma altezza automatica, a seconda di quanto testo (o contenuto in genere) sia presente nella pagina. Ovviamente il tutto deve essere incorniciato dal bordo, mentre purtroppo, senza fissare come assoluto il container, non mi riesce.
Spero di essere stato chiaro... Ringrazio fin d'ora chi mi indicherà una strada da seguire in casi come questi.
ciao,
Gianluca
Rispondi quotando
