WEBDESIGN: layout centrato liquido a una colonna
Questo è il codice HTML + CSS per realizzare la pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColLiqCtr #container {
width: 80%;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.oneColLiqCtr #mainContent {
padding: 0 20px;
}
-->
</style></head>
<body class="oneColLiqCtr">
<div id="container">
<div id="mainContent">
<h1> TITOLO </h1>
<p>TESTO</p>
</div>
</div>
</body>
</html>
per visualizzare un esempio clicca qui.
WEBDESIGN: layout centrato fisso a una colonna
Questo è il codice HTML + CSS per realizzare la pagina:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
}
.oneColFixCtr #container {
width: 780px;
background: #FFFFFF;
margin: 0 auto;
border: 1px solid #000000;
text-align: left;
}
.oneColFixCtr #mainContent {
padding: 0 20px;
}
-->
</style></head>
<body class="oneColFixCtr">
<div id="container">
<div id="mainContent">
<h1> TITOLO </h1>
<p>
TESTO
</p>
</div>
</div>
</body>
</html>
per visualizzare un esempio clicca qui.
-------------------------------------------------------------------
PUBBLICITA'
-------------------------------------------------------------------
|
