Višina DIV-a

Imam težavo z divi, ki imajo premalo vsebine. Npr: osnovna stran sestavljena iz dveh divov. Header in content. Header ima fiksno višino. Težavo imam, kako contentu določiti, da bo segal do dna strani tudi takrat, ko je brez vsebine. Če nastavim height: 100% je višina enaka višini ekrana, kar je pa preveč.

20 odgovorov

Ali obstaja možnost, da pristopiš k temu malo drugače, npr. stil contenta nastaviš na body? Ker če gledaš tako je body ravno to kar ti rabiš (vedno zaseda celotno višino in nič več/manj).

jah sej lahko nastaviš do kod naj še sega content, ko izpopolni tisti minimum plus to kaj še more. To narediš z margini (margin-left:10px; margin-right:10px; margin-top:5px; margin-bottom:2px;) tak ti pol premakne vsebino (črke) iz contenta malo bol noter (da ni glih na robu). Upam da to iščeš, če ne pa ti lahko pošljem kak HTML moje teme ki sem jo naredo.

SlimDeluxe: na žalost to ne pride v poštev zaradi same vsebine

kot kaže je edina opcija da z JS dobim višino ekrana in odštejem 200px

Bolj pravilno

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
html, body {
margin: 0px;
padding: 0px;
height:100%;
}

#header {
float:left;
width: 100%;
height: 200px;
background: #ccc;

}
#content {
height: 100%;
background: #333;
display:block;

}

</style>
</head>

<body>

<div id="header">a</div>

<div id="content">b</div>

</body>
</html>

1

super 100x hvala

Pozdravljeni!

Da ne odpiram nove teme, si bom kar to malce sposodil... Skratka, če bi mi lahko kdo povedal kako pri @strtitle. povečati pisavo in spremeniti barvo texta... Prilagam kodo za celo celico, kjer so podatki (nad njimi je "naslov celice") - no jaz bi oblikoval le ta naslov, ki se skriva v vrstici <?php echo "<b>".@strtitle."</br>";.... Boldano je že, le še kako povečati in spremeniti barvo pisave?

<div class="adsmanager_ads_main">
        <div class="adsmanager_ads_body">
            <div class="adsmanager_ads_desc">
            <?php if (@$this->positions[2]->title) {$strtitle = JText::_($this->positions[2]->title);} ?>
            <?php echo  "<b>".@$strtitle."</b>";
            if (isset($this->fDisplay[3]))
            {   
                foreach($this->fDisplay[3] as $field)
                {
                    echo $this->field->showFieldValue($this->content,$field);
                }
            } ?>
            </div>

<span style='font-size:18px; color: #f00; font-weight: bold;'>".@$strtitle."</span>

juresl: hm, tole mi ne funkcionira :( sem poskusil s <?php echo <span style='font-size:18px; color: #f00; font-weight: bold;'>".@$strtitle."</span> in <?php <span style='font-size:18px; color: #f00; font-weight: bold;'>" echo .@$strtitle."</span>

pa ne gre :(

to:

<?php echo  "<b>".@$strtitle."</b>";

zamenjaj z:

<?php echo  '<span style="font-size:18px; color: #f00; font-weight: bold;">'.@$strtitle.'</span>';

Evo, sedaj pa dela ko urca! :) Najlepša hvala!