Hej!
Jeg er igang med at designe en hjemmeside ved brug af Xaraya CMS, men jeg har nogle problemmer.
Jeg skal have lavet en footer, men footeren starter under menu'en så hvis contenten er længere end menu'en går footeren ind over contenten, hvilket jo er et problem
Koden ser sådan ud:
dafault.xt
<div id="bodywrapper">
<div id="contentwrapper">
<xar:set name="$siteslogan">
#xarModGetVar('themes', 'SiteSlogan')#
</xar:set>
<xar:set name="$sitecopyright">
#xarModGetVar('themes', 'SiteCopyRight')#
</xar:set>
<xar:set name="$sitefooter">
#xarModGetVar('themes', 'SiteFooter')#
</xar:set>
------------------------------------------- left & right goes here
<div id="main">
<xar:module id="modulespace" main="true" />
<xar:blockgroup name="topnav" id="topnav" />
<xar:blockgroup name="center" id="center" />
</div>
</div> <!--contentwrapper-->
<div id="footer">
<div id="copyright">#$sitecopyright#
</div>
</div>
</div> <!--bodywrapper-->
Og style.css:
#banner {
background-color: #336699;
position: absolute;
top: 0px;
left: 0px;
width: 850px;
height: 75px;
padding: 0;
margin: 0;
}
-------------------------- div#left & div#right goes here
div#main {
position: absolute;
top: 75px;
left: 150px;
width: 550px;
margin: 0;
}
#footer {
clear: both;
width: 850px;
padding: 10px;
background-color: #8296BB;
}
#slogan {
float: left;
font-style: italic;
}
#copyright {
clear: left;
float: left;
margin: 1em 0 0 0 ;
}
#footer_note {
float: right;
}
#bodywrapper {
width: 850px;
padding: 0;
margin: 0;
clear: both;
}
#contentwrapper {
width: 850px;
padding: 0;
margin: 0;
clear: both;
}
Hvis jeg sletter position, top, og left i "banner", "left" "right" og "main" og sætter float: left; ind i stedet så lister den bare det hele uden hinanden lodret.
Der er et screenshot der viser problemmet her:
http://zorps.dk/footer_problems.pngHåber der er nogle der kan hjælpe
Mvh.
AzaraT