Hjælpt til CSS layout
Hejsa,Jeg siddewr her og prøver at bygge et site op i CSS for første gang, og det ovenikøbet i joomla! Joomla er altså ikke for begyndere, men jeg har ikke givet op endnu. Jeg har dog stadig ikke fattet hvordan man laver menuer. Det er noget tricky stads.
Nå, men, på sitet www.blixx.dk, er jeg ved at prøve lidt med CSS. Underligt nok, for mig, har jeg horisontal scrollbar. Den kommer frem så snart jeg prøver at placere logoet i toppen til højre. Hvad gør jeg forkert?:
*** HTML ***
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/blixx/css/template.css" type="text/css" media="screen"/>
</head>
<body>
<div id="fixed-960">
<div class="topleftmenubox">
</div>
<div class="toprightmenubox">
<div class="toplogo"><img src="<?php echo $this->baseurl ?>/images/blixx/website/logo.png">
</div>
</div>
<div class="leftmenu">
</div>
<div class="content">
</div>
<div class="bottomleftbox">
</div>
<div class="bottomrightbox">
</div>
</div>
<!-- BEGIN GOOGLE ANALYTICS -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-xxxxx-1");
pageTracker._trackPageview();
} catch(err) {}</script>
<!-- END GOOGLE ANALYTICS -->
</body>
</html>
*** CSS ***
body
{
background-image:url('../images/bg_page.jpg');
background-repeat:repeat-x;
background-color:#FFFFFF;
margin-top:10px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding:0;
text-align:center; /* Fixed-960 center hack */
font-family:Tahoma, Verdana, Arial;
font-size:0.7em;
line-height:1.5em;
color:#666666;
}
#fixed-960
{
width:960px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
text-align:left;
}
div.topleftmenubox
{
height:200px;
width:240px;
border:none;
float:left;
background-image:url('../images/topleftbg.png');
background-repeat:repeat-x;
background-color:#b7d432;
}
div.toprightmenubox
{
height:200px;
width:720px;
border:none;
background-color:#323232;
float:right;
}
div.toplogo
{
border:none;
height:126;
width:126;
position:relative;
top:59px;
/* bottom:10px; */
left:579px;
/* right:10px; */
}
div.leftmenu
{
/* height:; */
width:240px;
border:none;
float:left;
background-color:#323232;
}
div.content
{
background-color:#FFFFFF;
/* height:; */
width:720px;
border:none;
float:right;
}
div.bottomleftbox
{
height:100px;
width:240px;
border:none;
float:left;
background-color:#4f4f4f;
}
div.bottomrightbox
{
height:100px;
width:720px;
border:none;
background-color:#323232;
float:right;
}
