Archief - HTML: div helemaal onderaan het scherm

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
c

carhartt^-

Legacy Member
Hey,

hoe zorg je ervoor dat je een div helemaal onderaan de website plakt, liefst met css.
Voorlopig gebruik ik dit maar dan laat hij nog een marge over van paar pixels. (door top 99 of 100% ontstaat er een scrollbalk en mag er niet zijn)
}

#bottom {
background-color: #f1f1f1;
position: absolute;
left: 0px;
top: 98%;
width: 100%;
height: 10px;
z-index: 1;
text-align: center;

}

mvg, Phil
c

cRonus.be

Legacy Member
als ge uwe site altijd wilt uitrekken zoda die div altijd onderaan staat, wa de resolutie ook is weet ik et ook nie :p
anders moette gwn de juiste hoogte instellen (of margins als da gaat)
o

ozl

Legacy Member
In Opera zie ik hem ook niet. Hier is hoe ik het doe:

Code: 
html, body {height: 100%}

#wrap	{
	min-height: 100%; 
  	height: 100%;
  	height: auto !important;
}

#footer	{
	width: 100%;
	bottom: 0;
}

Dus een div wrap die je hele boeltje omsluit.

Code: 
<div id="wrap">
   <div id="header"></div>
   <div id="container"></div>
   <div id="footer"></div>
</div>

Op die manier blijft je footer altijd onderaan, ongeacht de grootte van je tekst.
S

Smokyke

Legacy Member
Ik probeer zoveel mogelijk position: absolute; te vermijden. Dit maakt alles onnodig ingewikkeld.

Als je zonder position absolute werkt maakt het sowieso niet uit hoe lang je content is de footer komt er altijd onder...
h

het.pc.schaap

Legacy Member
Smokyke zei:
Ik probeer zoveel mogelijk position: absolute; te vermijden. Dit maakt alles onnodig ingewikkeld.

Als je zonder position absolute werkt maakt het sowieso niet uit hoe lang je content is de footer komt er altijd onder...
Klik om te vergroten...

maar niet persoo HELEMAAL onderaan, en dat is de bedoeling.
ik zou het zo doen:
#onderaan {
position:absolute; heigth:20px; top:100%; margin-top:20px; width:*weet ik veel*
}

merk op dat margin-top en height hetzelfde moeten zijn

grts
Da-SheEP
h

het.pc.schaap

Legacy Member
The_Assman zei:
of

position:absolute;
bottom:0px;
Klik om te vergroten...

opes, niet aan bottom tag gedacht xD, maar euhmm, niet 0px he, die 0px is dan de afstand tussen bovenste rand van de div en de onderste rand. Ik zou dus doen
bottom: -en dan hier de heigth van uwe onderste div-

grts
f

fromalk

Legacy Member
tot nu toe werkt geen een van de hierboven beschreven methodes voor mij. Best vervelend dat je zoveel moeite moet doen om gewoon iets onderaan een pagina geplaatst te krijgen
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan