Hallo,
ik heb een website vernieuwd en gebruik hierbij in mijn <header> volgende css om mijn navigatie en bijhorende weer te geven. Bij de meeste gebruikers toont hij dit correct maar bij sommige schuift hij de navigatie naar onder tot zelfs onder de header tag.

#bovenstrook
{
width:100%;
height:3%;	
}
#middenstrook
{
width:100%;
height:10%;
background-color:black;

}
#onderstrook
{
width:100%;
height:5%;	
}
#logo
{
width:145;
height:194;
float:left;
margin-left:20%;
}
#hoofdnavigatie
{
display:inline;	
list-style-type:none;
margin-left:75px;
}
#hoofdnavigatie a
{
font-family:arial;
font-size:24pt;
text-decoration:none;
color:yellow;
}
#onderstrook h2
{
font-family:arial;
font-size:16pt;
font-weight:bold;
margin-left:30%;
}

Dit is de css. Is er daar iets mis of moet ik het ergens anders zoeken. Vroeger bouwde ik mijn site op met behulp van tabellen. Dit wil ik niet meer doen maar sukkel nu dus wat.
Bestaat er trouwens een tool ofzo om na te gaan of je css en/of html wel degelijk voor alle gebruikers goed is?
Hier kunnen jullie de site zien http://www.karpovdeinze.be/uitslagen.php
Alvast bedankt!
Het is eerlijk gezegd nogal een zootje ...
Dat die navigatie naar beneden schuift, komt omdat ie niet in de balk past en jij de balk een hoogte van 10% hebt gegeven.

Haal die hoogte van 10% in #middenstrook maar eens weg, dan zie je wat ik bedoel.
Volscherms op een hd beeldscherm ziet je stek er perfect uit.
Op een minder BREED en/of minder HOOG beeldscherm (kleiner browservenster) gaat het fout.
Dus je voor de breedte CSS 'responsive' maken. Zie w3schools.
Zoiets als...

@Media only screen and (max-width:440px)  { 
/* css voor klein */
}    
@Media only screen and (min-width:441px) and (max-width:800px)  { 
/* css voor groter */
}

Als je Mozilla Firefox gebruikt kun je Web Developer als uitbreiding installeren. Daarmee kun je o.a. 'live in real-time' je css uitproberen. Ook kun je alle beeldschermformaten eenvoudig bekijken.



Met jullie tips webdevelopper toegevoegd aan firefox.
Met die @ in css had ik ook al wat geëxperimenteerd maar hoever ga je hier in?
Hoeveel stysheets maak je dan?
Hoe breed mag mijn menu dan maximaal zijn?
Hoe dan ook al bedankt voor deze nuttige tips.

Reageren