Hej jeg er igang med et design på en joomla side og skal have en menu som er 100% i højden men den bliver kun 100% af browser vinduet (rettelse den er lidt længere end browser vinduet så jeg kan scrolle måske 30-40% ned hvor den stadig er der og pldselig stopper den) så er indholdet længere går den bare forbi og køre man ned så stopper menuen pludselig
en der kan hjælpe mig lidt videre?
Index template i joomla
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php $iso = split( '=', _ISO );
echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<?php mosShowHead(); ?>
<?php
if ( $my->id ) {
initEditor();
}
?>
<link href="<?php echo $mosConfig_live_site; ?>/templates/css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="Table_01">
<div class="DK-02">
</div>
<div class="DK-04">
<div class="DK-44">
<?php mosLoadModules('top',-2);?>
</div>
</div>
<div class="DK-05">
<div class="content">
<?php mosLoadModules('user2',-2);?>
<?php mosMainBody(); ?>
</div>
<div class="right">
<?php mosLoadModules('right',-2);?>
</div>
</div>
</div>
</body>
</html>
css
body {
text-align:center;
height: 100%;
width:100%;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:0;
padding:0;
background-color:#333333;
background-image:url(../images/MYCOOKBOOK-DK_08.png);
background-repeat:repeat-y;
background-position:center;
}
html { height: 100%; }
div.Table_01 {
position:relative;
left:0px;
top:0px;
width:1022px;
height: 100%;
margin-left:auto;
margin-right:auto;
border-left:#7a7a7a 0px solid;
border-right:#7a7a7a 0px solid;
}
div.MYCOOKBOOK-DK-02 {
position:relative;
left:0px;
top:0px;
width:1021px;
height:206px;
float:left;
background-image:url(../images/DK_01.png);
background-repeat:no-repeat;
}
div.DK-04 {
position:relative;
left:0px;
top:0px;
width:1021px;
height:39px;
float:left;
background-image:url(../images/DK_03.png);
background-repeat:repeat-x;
}
div.DK-44 {
position:relative;
left:0px;
top:0px;
width:1024px;
height:39px;
float:left;
}
div.DK-05 {
position:relative;
left:0px;
top:0px;
width:1020px;
height:100%;
border-left:#7a7a7a 0px solid;
border-right:#7a7a7a 0px solid;
float:left;
}
div.content {
position:relative;
width:800px;
height:100%;
top:10px;
float:left;
margin-left:5px;
font-family:Arial, Helvetica,
sans-serif;
font-size:11px;
text-align:left;
}
div.right {
position:relative;
width:200px;
padding:2px;
height:100%;
float:right;
text-align:left;
border-left:#999999 1px dashed;
padding-left:3px;
background-color:#F3F3F3;
}
Det er den Div der hedder right jeg gerne vil have til at blive 100% af hele siden og ikke kun af indholdet eller af vinduet
Indlæg senest redigeret d. 04.09.2008 17:21 af Bruger #3325