Example5
Terugkerende gebruiker
- Lid geworden
- 9 mrt 2008
- Berichten
- 2.172
beste ..
ik ben weer een beetje aan het knutselen met een website en loop tegen een probleempje aan
ik wil een blok/div hebben, die 1200px breed en 220px hoog is, die nagenoeg op het midden van de pagina staat.
de hoogte-positie van deze div zou dan 50% van de paginahoogte moeten zijn (wat natuurlijk varieert per bezoeker) minus 110px (de helft van de div hoogte)
de div zou daarnaast gecentreerd moeten worden en dus midden op de pagina moeten staan.
het lukt me echter niet om dit netjes op te schrijven in css. het lukt helaas niet om een top van een bepaalde percentage -110px mee te geven, en ook als ik een blok boven de div zet die een hoogte heeft van 50%, lukt dit niet. ook als ik de position relative of absolute maak doen er zich problemen voor (hij weet bijvoorbeeld niet 35% van welke hoeveelheid de hoogte moeten zijn, dus blijft het een klein balkje ipv een blok dat 35% van de pagina beslaat, of hij centreert de pagina niet meer)
op zich lukt het volgende wel, maar dit leek mij niet al te netjes...
weet iemand hoe ik mijn bedoeling het makkelijkst/meest netjes kan coderen?
alvast bedankt
ik ben weer een beetje aan het knutselen met een website en loop tegen een probleempje aan
ik wil een blok/div hebben, die 1200px breed en 220px hoog is, die nagenoeg op het midden van de pagina staat.
de hoogte-positie van deze div zou dan 50% van de paginahoogte moeten zijn (wat natuurlijk varieert per bezoeker) minus 110px (de helft van de div hoogte)
de div zou daarnaast gecentreerd moeten worden en dus midden op de pagina moeten staan.
het lukt me echter niet om dit netjes op te schrijven in css. het lukt helaas niet om een top van een bepaalde percentage -110px mee te geven, en ook als ik een blok boven de div zet die een hoogte heeft van 50%, lukt dit niet. ook als ik de position relative of absolute maak doen er zich problemen voor (hij weet bijvoorbeeld niet 35% van welke hoeveelheid de hoogte moeten zijn, dus blijft het een klein balkje ipv een blok dat 35% van de pagina beslaat, of hij centreert de pagina niet meer)
op zich lukt het volgende wel, maar dit leek mij niet al te netjes...
Code:
[B][U]html[/U][/B]
<center>
<div id="cont">
<div id="top">top</div>
<div id="main">main</div>
</div>
</center>
[B][U]css[/U][/B]
#cont {
width: 1200px;
height: 100%;
}
#top {
position: absolute;
background: #444444;
width: 1200px;
height: 35%;
}
#main {
position: absolute;
background: #888888;
width: 1200px;
height: 220px;
top: 35%;
}weet iemand hoe ik mijn bedoeling het makkelijkst/meest netjes kan coderen?
alvast bedankt
Laatst bewerkt:
