Ciao non riesco a capire dove sbaglio il <div class="main"> si ferma e non rachiude tutti gli altri di come posso modificarlo in maniera tale che faccia da contorno a tutti gli elementi?
PHP:
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../css/alessandro.css">
<script type="text/JavaScript" src="../js/curvycorners.src.js"></script>
<script type="text/JavaScript" src="../funzioni_javascript/funzioni_javascript.js"></script>
<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/load.js"></script>
<title>Documento senza titolo</title>
</head>
<body>
<div class="main">
<div class="header"></div>
<div class="top"><?php require_once('template/menu_top.php')?></div>
<div class="centro">
<div class="menusx"><?php require_once('template/menu.php'); ?> </div>
<div class="content1"><div id="content">ss</div></div>
</div>
</div>
</body>
</html>
PHP:
codice PHP:
@charset "utf-8";
/* CSS Document */
.main {
margin: 10px auto;
color: #fff;
width: 1024px;
height:100%;
padding: 0px;
text-align: left;
background-color: #FFF;
border: 6px solid #F00;
border-radius: 20px;
/* nativo in Firefox and Safari) */
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
html,body{
text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: small;
margin: 0px;
color:#00F;
background-color:#06F;
}
.header
{
/*border: solid 1px #0F0;*/
border-bottom: solid 0px #000000;
background-image:url(../images/Pneumaticistore.jpg);
width:1024px;
background-repeat: no-repeat;
height:150px;
border-radius: 13px;
-moz-border-radius-topright: 13px; /* Per i browser con base Mozilla(Gecko) */
-webkit-border-top-right-radius: 13px; /* Per i browser con base Webkit */
-moz-border-radius-topleft: 13px; /* Per i browser con base Mozilla(Gecko) */
-webkit-border-top-left-radius: 13px; /* Per i browser con base Webkit */
/* Regola generale per CSS3 */
}
.top
{
width:990;
height:25px;
border-bottom:2px solid #C2BDAE;
}
.centro{
width:100%;
color:#000;
z-index:100;
margin-top:5px;
}
.menusx
{
float:left;
width: 200px;
/*border-right: solid 1px #000000;
border: solid 1px #F00;*/
margin: 5px 5px 5px 5px;
border: 2px solid #06F;
}
#content
{
font:"Comic Sans MS", cursive;
}
.content1{
margin: 5px 5px 5px -5px;
border: 2px solid #06F;
float:right;
width: 801px;
}