css menu probleem in ie
Maar goed, er kan dus momenteel niks gedaan worden aan de css vanhet menu zodat het in ie er beter uit komt te zien.
Of een geanimeerde GIF voor de bewegingen/veranderingen. Maar of het daar van beter wordt, betwijfel ik.
Christiaan de kleine op 04/03/2013 14:05:00:
Oplossing met images vind ik zelf veen optie. Dit omdat mijn menu zo nu en dan wisselt. Dan moet ik voor iedere optie een nieuwe image maken, en daarbij komend vind ik persoonlijk een image menu niet O mooi als een CSS menu
De grap is, dat je juist niet voor elke optie een image hoeft te maken. Als je in je CSS iets doet als:
Code (php)
1
2
3
2
3
.menu li a:hover {
background: url('/pad/naar/plaatje.png');
}
background: url('/pad/naar/plaatje.png');
}
dan ben je er eigenlijk al. En dat werkt in zo'n beetje elke browser.
Christiaan de kleine op 04/03/2013 17:22:16:
bij mij in chrome staat ie op de juiste plek. joey.
Maar goed, er kan dus momenteel niks gedaan worden aan de css vanhet menu zodat het in ie er beter uit komt te zien.
Maar goed, er kan dus momenteel niks gedaan worden aan de css vanhet menu zodat het in ie er beter uit komt te zien.
Ja er kan heel veel aan gedaan worden. Alleen de positionering is al op te lossen door netjes je HTML op te bouwen.
Als ik alles wat boven je <!DOCTYPE> staat 'knip' en vervolgens tussen de <body> tags 'plak' is de positie op het oog gelijk in IE en Chrome.
Maar blijkbaar ben jij te eigenwijs om dat ook even te proberen en te luisteren naar mensen die jouw hulp geven (iets waar jij om vraagt) terwijl zij dat helemaal vrijwillig en zonder verplichting doen!
Edit: Hier moet ik wel aan toevoegen dat ik de broncode van de pagina heb genomen (dus de HTML) en de CSS die jij gepost hebt, niet de overige CSS bestanden!
Gewijzigd op 04/03/2013 21:54:08 door Andre Sep
Andre Sep op 04/03/2013 21:50:47:
Als ik alles wat boven je <!DOCTYPE> staat 'knip' en vervolgens tussen de <body> tags 'plak' is de positie op het oog gelijk in IE en Chrome.
Zie ook mijn post van 03/03 16:01 op de vorige pagina. ;-)
Het probleem met browsers is dat ze heel erg vergevingsgezind zijn met betrekking tot foutieve HTML-code. Het nog grotere probleem is dat elke browser op een andere manier vergevingsgezind is. Daar bovenop komt nog het probleem dat browsers ook van elkaar afwijken in de weergave van correcte HTML.
Het is soms al een kunst om met correcte HTML een pagina er op alle browsers gelijk uit te laten zien. Als je echter ook nog eens foutieve HTML gaat gebruiken, wordt het volledig onvoorspelbaar wat er op je scherm komt te staan.
Begin dus met het produceren van correcte HTML. Je hoeft dan nog maar 1 (mogelijk) probleem aan te pakken en niet ook nog eens een verzameling problemen die daar weer bovenop liggen.
En niet zeuren dat je HTML en PHP gescheiden wilt houden. PHP is juist gemaakt om te verweven met HTML. Desnoods laat je de HTML genereren door PHP; dan heb je in ieder geval geen PHP in je HTML. :)