Hallo,

Ik heb een probleem!
en dat probleem is:

als ik het venster kleiner maak gaat mijn menu niet mee

de code HELP:s

<?php
CSS:
menu{
width: 100%;
min-width: 155.0390625px;
position: relative;
height: 80px;
background-color: #e5ffff;
margin:0px;
padding:0px;
border:none;
font-weight: 700;
font-size: 18px;
line-height: 20px;
float: left;
}

ul{
display: inline-block;
width: 980px;
font-size: 14px;
line-height: 550%;
}

li.menuknop{
min-width: 155.0390625px;
width: 15.8203125%;
height: 80px;
text-decoration: none;
margin-right: 0.9765625%;
color: #45a7a7;
float: left;
text-align: center;
display: inline-block;
border: 1px solid #3c4a4a;
box-sizing: border-box;
}

li.menuknoplast{
min-width: 155.0390625px;
width: 15.8203125%;
height: 80px;
float: right;
text-decoration: none;
color: #45a7a7;
text-align: center;
border: 1px solid #3c4a4a;
box-sizing: border-box;
}



HTML:
<menu>
<ul>
<li class="menuknop">Home</li><!--
--><li class="menuknop">Werben sie hier</li><!--
--><li class="menuknop">Kontakt</li><!--
--><li class="menuknop">Impressum</li><!--
--><li class="menuknop">AGB's</li><!--
--><li class="menuknoplast">Huftungsausschluss</li>
</ul>
</menu>
?>
Dat is toch ook niet iets dat je zou moeten willen? Zet de breedte bij de ul op 100%, dan verandert hij met de pagina. Post hem voortaan ook ff in een fiddle, leest wat makkelijker. http://jsfiddle.net/VNf2a/1/
jawel dat moet juist gebeuren:p zo heb ik het als opdracht gekregen dus vraag me plz niet waarom ik dat moet doen!:?
Je geeft zelf 'min-width: 155.0390625px;' mee. Daarom wordt het menu niet kleiner dan de 155px. En rond het gewoon af naar 155 ipv 7 cijfers achter de komma.
Sorry het is allemaal al gefixt en die commas waren of het allemaal percies te doen!

Reageren