Višina DIV-a
9 naročnikov
9 naročnikov
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
matik: to je opcija ja, ampak ali ne obstaja rešitev samo s CSS-om
Matjaž: še vedno je content previsok - tako visok kot ekrat
če ne vnesem nobenih višin potem je content komaj do tam, do koder seže vsebina
če vnese min-height: 100% potem pa je previsoko toliko kolikor je visok header
ali obstaja opcija da nastavim 100%-200px brez uporabe JS?
halo:
če ne vnesem nobenih višin potem je content komaj do tam, do koder seže vsebina
če vnese min-height: 100% potem pa je previsoko toliko kolikor je visok header
ali obstaja opcija da nastavim 100%-200px brez uporabe JS?
Preveri kako deluje, če nastaviš height na auto in pa min-height za ta div..
height: auto;
min-height:N px;
tole je koda
<html>
<head>
<style type="text/css">
html, body {
margin: 0px;
padding: 0px;
height:100%;
}
#header {
width: 100%;
height: 200px;
background: #ccc;
}
#content {
width: 100%;
height: auto;
min-height: 100%;
background: #333;
}
</style>
</head>
<body>
<div id="header">a</div>
<div id="content">b</div>
</body>
</html>