div höhe

Begonnen von Dimo, 27 Dez 2010, 18:55

« vorheriges - nächstes »
Nach unten

Dimo

Hallo,

ich habe folgenden Code. Und es geht um den Bereich "ja-container". Ich krieg es nicht hin, dass er die gesamte Höhe von "ja-containerwrap" einnimmt.

<body id="bd" class="<?php echo $tmpTools->getParam(JA_TOOL_SCREEN)." fs".$tmpTools->getParam(JA_TOOL_FONT);?>">
<a name="Top" id="Top"></a>

<!-- BEGIN: HEADER -->
<div id="ja-headerwrap" class="clearfix">
<div id="ja-header">
<h1 class="logo"><a href="index.php"><?php echo $tmpTools->sitename();?></a></h1>
</div>
<div id="zitate">  
<jdoc:include type="modules" name="top" style="xhtml" />
</div>
</div>

<!-- END: HEADER -->

<!-- BEGIN: MAIN NAVIGATION -->
<div id="ja-mainnavwrap">
<div id="ja-mainnav" class="clearfix">
  <?php $jamenu->genMenu (0); ?>
</div>
</div>
<?php if ($tmpTools->getParam(JA_TOOL_MENU) == 5) { ?>
<div id="ja-subnav" class="clearfix" style="height:16px;">
  <?php $jamenu->genMenu (1,1); ?>
</div>
<?php ?>

<!-- END: MAIN NAVIGATION -->



<!-- BEGIN: PATHWAY -->
<div id="ja-pathwaywrap" class="clearfix">

<?php if ($this->countModules('user4')) { ?>
<div id="ja-searchwrap">
  <div id="ja-search">
    <jdoc:include type="modules" name="user4" style="raw" />
  </div>
</div>
<?php ?>

<div id="ja-pathway">
<strong>Sie sind hier:</strong> <jdoc:include type="module" name="breadcrumbs" />

  <?php if ($tmpTools->getParam(JA_TOOL_USER)) { ?>
  <div id="ja-usertools">
  <?php $tmpTools->genToolMenu($tmpTools->getParam(JA_TOOL_USER) & 3'png');  /*Color tool*/ ?>
  </div>
  <?php ?>

</div>

</div>
<!-- BEGIN: PATHWAY -->

<div id="ja-containerwrap<?php echo $divid?>">
<div id="ja-container" class="clearfix">
<!-- BEGIN: LEFT COLUMN -->
<div id="ja-col1" class="clearfix">
<div class="ja-innerpad">
<?php if ($tmpTools->getParam(JA_TOOL_MENU) == && $hasSubnav) {
echo '<div id="ja-subnavcol" class="moduletable">';
echo '<h3>'.$jamenu->getParentText(1).' Menu</h3>';
$jamenu->genMenu (1); 
echo '</div>';
?>

<jdoc:include type="modules" name="left" style="xhtml" />
</div>
</div>
<!-- END: LEFT COLUMN -->
<div id="ja-mainbody<?php echo $divid?>">
<div id="ja-mainbody-inner" class="clearfix">
<!-- BEGIN: CONTENT -->
<div id="ja-contentwrap">
<div id="ja-content">
<jdoc:include type="component" />
</div>
</div>
<!-- END: CONTENT -->
</div>
</div>
<div id="r-col">
</div>
</div>  <!--PRÜFEN ja container ende  -->
</div> <!-- prüfen, ob notwendig -->
<!-- BEGIN: FOOTER -->
<div id="ja-footerwrap">
<span class="spacer" > <a href="index.php?option=com_content&view=article&id=65">Impressum</a></span>
<span class="spacer">|</span>
</div>
<!-- END: FOOTER -->
</body>
</html>


der css-code ist folgender. hier nur Höhenangaben von den betroffenen div-Tags



body{height: 100%;
        min-height: 100%;
}

ja-containerwrap{ height: 68%;
                       
}

ja-container{ height: 100%;
                       
}



Das div ja-containerwrap nimmt 68% von dem übergeordnetem Element body ein. Das div ja-container sollte 100% von den 68% einnehmen. so meine ich es verstanden zu haben. aber irgendwie klappt es nicht.

Hat jemand bitte einen Tipp?

Danke im Voraus!

Dimo


Chris

Hallo,

wenn du dem obersten Element eine fixe Grösse gibst funktionert es:

<!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">
  <head></head>
<body style="border:1px solid orange;height:1000px">
<div style="border:1px solid red;height:75%">
  <div style="border:1px solid green;height:50%"></div>
</div>
</body>
</html>


Gruß, Chris

Dimo

hallo,

danke für deine antwort. Ich hatte bei containerwrap noch ein min-height.
Ohne ging es dann mit der relativen Höhe.

Habs dann mit der fixen Höhe versucht. muss dann mit sehr großen Höhe arbeiten, weil ich verschachtelte divs habe. und die weden etwas zu hoch, so dass sie über das äußere element hinausgehen.

jetzt muss ich aber erst den Cache löschen geht überhaupt nix mehr  ;D

Nach oben