[CSS] rekenen met css
Even een CSS vraagje.
Ik heb een website gemaakt waarvan de afmetingen dynamisch zijn.
Hoe krijg ik het volgende voor elkaar?
Ik heb een menu. Deze positioneer ik door een margin-left van 50% mee te geven. Het menu is 500px breed, dus het moet zijn margin-left: 50% - 500px; Dit genereert een fout.
Hoe is dit te fixen?
Alvast bedankt.
Edit: als je een plaatje maakt met hoe je het wilt, is het makkelijker helpen.
Gewijzigd op 01/01/1970 01:00:00 door Jan Koehoorn
Is een online voorbeeld ook goed?
Gr. PH-MJS
EDIT Online voorbeeld:
website:
http://www.saweb.nl/css_probleem/index.php
stylesheet:
http://www.saweb.nl/css_probleem/style.css
Het gaat om het grijze menu wat naar het midden moet. Het heeft nu een margin-left van 50%.
Gewijzigd op 01/01/1970 01:00:00 door PH-MJS
Code (php)
1
2
3
2
3
position: relative;
margin-left: 50%;
left: -500px;
margin-left: 50%;
left: -500px;
Maar dit is niet een mooie oplossing/
Je oplossing werkt wel! Bedankt voor je input.
Indien er andere personen een andere oplossing hebben, hou ik me aanbevolen.
Dan kun je ook gewoon
Code (php)
1
margin: 0 auto;
gebruiken.
Dus in je css
Code (php)
1
2
3
4
5
2
3
4
5
.menu {
background-color: #e58b13;
width: 909px;
margin: 0 auto;
}
background-color: #e58b13;
width: 909px;
margin: 0 auto;
}
Gewijzigd op 01/01/1970 01:00:00 door Niek Weevers
Dat werkt op het één of andere manier niet.
@Jan
Ik ga het eruit halen ;)
Zie het online voorbeeld.
Op de manier van niek is de breedte niet meer dynamisch volgens mij.
Geweldig zo, jullie hulp ;)
9 x 100px van elke li. Plus 9 x de border van 1px