Salve ragazzi, sto creando un template da zero e mi trovo in difficoltà!
Mi spiego meglio ho iniziato a fare tutta la struttura ma ho dei problemi con la colonna di sinistra e il maincontent! Ovvero succede questo:
www.lionrec.itVi posto il codice:
<body>
<div id="wrapper" >
<div id="header" >
<div id="logo" >
</div>
<div id="topmenu" >
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
<div id="left" >
<jdoc:include type="modules" name="user1" style="xhtml" />
</div>
<div id="home" >
<jdoc:include type="component" style="xhtml" />
</div>
<div id="footer" >
<jdoc:include type="modules" name="footer" style="xhtml" />
</div>
</div>
</body>
Il relativo css:body {
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
background-color:#999;
}
#wrapper {
width:800px;
background-color:#fff;
margin:0 auto;
}
#header {
width: 200px;
height: auto;
float:none;
}
#logo {
width:150px;
height:120px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
background-position:left;
margin-left:10px;
margin-bottom:10px;
}
#topmenu {
width:100%;
height:80px;
color:#000;
font-size:14px;
margin-left:20px;
}
#topmenu a:link, #topmenu a:visited {
color:#000000;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
padding:20px;
text-decoration:none;
text-align:center;
}
#topmenu a:hover {
color:#CCC;
}
#left {
width:30%;
font-size:10px;
font-family:Helvetica, Arial, sans-serif;
color:#000;
padding-left:5px;
float:left;
}
#left a:link, #left a:visited{
font-size:10px;
font-family:Helvetica, Arial, sans-serif;
color:#000;
text-decoration:none;
}
#left a:hover {
color:#CCC;
}
#home {
width:70%;
font-family:Helvetica, Arial, sans-serif;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-top:-5px;
float:left;
}
#footer {
width:100%;
height:50px;
border-top:solid #000 1px;
font-size:10px;
font-family:Helvetica, Arial, sans-serif;
color:#000;
text-align:left;
padding-top:5px;
clear:left;
}
Sapete dirmi per caso dove sta' il problema?
