ik heb dit als css:
div.container {
height: 100%;
width: 900px;
background-color: #FFFFFF;
text-align: center;
}
Alleen dit geeft geen container met een hoogte van 100%, hier de url: klik.
mvg Joost.
784 views
Joost schreef op 04.01.2009 22:43
En dit is nu mijn output:
klik 1
klik 2
Je kunt niet linken naar localhost want dat is bij iedereen anders!
Tip: maak je site iets groter.
@Yorick, Lomp van me, maar het is nu al opgelost, dat werkt nu. Hoe bedoel je groter, breder of hoger ??
@Iedereen, Maar ik vind de background niet echt mooi (dat grijze) wat kan ik het beste als achtergrond nemen ??
Goede klik: klik
mvg Joost.
@Iedereen, Maar ik vind de background niet echt mooi (dat grijze) wat kan ik het beste als achtergrond nemen ??
Goede klik: klik
mvg Joost.
@Joost
Het stoort mensen als ze dubbel moeten scrollen. Maak het hele content wat groter. Als ik bijvoorbeeld op vacatures klik dan moet ik het ongeveer door een sleutelgat gaan lezen. Dat is erg storend.
Het stoort mensen als ze dubbel moeten scrollen. Maak het hele content wat groter. Als ik bijvoorbeeld op vacatures klik dan moet ik het ongeveer door een sleutelgat gaan lezen. Dat is erg storend.
Misschien als ik de foto's links doe en het linkermenu boven, dan is er meer ruimte over voor de content div....
mvg Joost.
mvg Joost.
Schuif de footer gewoon een stuk naar onder.
Heb dit probleem ook gehad. Ik heb het probleem weten op te lossen door dit te doen. Ik weet niet zeker of het in dit geval ook werkt ^^
<html>
<head>
<style type="text/css">
html, body {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
.container {
width: 800px;
position: relative;
min-height: 100%;
height: auto;
height: 100%;
margin-left: auto;
margin-right: auto;
}
.bottom {
width: 100%;
height: 50px;
margin: 0;
padding: 0;
float: left;
position: absolute;
bottom: 0;
}
</style>
</head>
<body>
<div class="container">
<div class="bottom">
</div>
</div>
</body>
</html>
100% hoogte is inderdaad tricky. Op mijn pbwiki heb ik een crossbrowser manier staan: hoogte 100 procent