Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : cliosuper 26 Aug 2010, 10:28:01
-
Ragazzi ho sempre questo piccolo problema...io ho vorrei che il footer (da me chiamato undersection) contenente il menu rimanesse attaccato al maincontent con sfondo bianco...perņ come potete vedere dal sito rimane uno spazio nero tra i due div come mai?
Ho colorato apposta la div undersection di rosso per farvi capire dove sta il problema...
http://www.lover-design.com/
Vi inserisco i codici:
<body>
<div id="wrapper" >
<div id="oversection" >
<div id="logo" >
</div>
</div>
<div id="mainsection" >
<div id="home" >
<jdoc:include type="component" style="" />
</div>
</div>
<div id="undersection" >
<div id="menu" >
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>
</div>
</body>
body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
background-color:#000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
overflow-x: hidden;
overflow-y: auto;
height:100%;
}
#wrapper {
min-height:100%;
height:auto !important;
height:100%;
margin:0 auto -100px;
}
#oversection {
height:60px;
background-color:#000;
width:100%;
display:block;
float:left;
}
#logo {
background-image:url(../images/logo.png);
background-position:left;
height:56px;
background-repeat:no-repeat;
margin-left:10px;
}
#mainsection {
height:480px;
background-color:#FFF;
width:100%;
display:block;
float:left;
}
#home {
height:450px;
padding-top:10px;
margin-left:600px;
color:#000;
font-family:"Courier New", Courier, monospace;
}
#undersection {
margin: 0px auto;
height: 50px;
width:100%;
bottom:0px;
position:fixed;
background-color:#F00;
}
#menu {
height:auto;
color:#fff;
font-size:16px;
text-align:right;
margin-top:10px;
}
#menu a:link, #menu a:visited {
color:#fff;
font-size:16px;
font-family:"Courier New", Courier, monospace;
padding:20px;
text-decoration:none;
}
#menu a:hover {
color:#CCC;
}
Mi potreste aiutare per favore?
-
C'č nessuno che gentilmente potrebbe darmi una mano? :(
-
devi modificare il css
body {
font-family:"Courier New", Courier, monospace;
font-size:12px;
color:#000;
text-align:left;
font-style:normal;
background-color:#fff; <<<<<<<<<<<< QUI
margin-top: 0px;
.......
.......
......
.....
}
-
Grazie mille! :D