Hallo allemaal, ik had me een tijd geleden an geregistreerd maar nog nooit op het forum gepost...
nu dan ;)

ik ben het menu kwijt en internet explorer, in firfox werkt dit gewoon goed, kan iemand mij helpen?

code op de index:

<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="index.php?page=home">Home</a></li>
<li><a href="index.php?page=info">Informatie</a></li>
<li><a href="index.php?page=contact">Contact</a></li>
<li><a href="index.php?page=links">Links</a></li>
</ul>
</div>
</div>
<!-- end #header -->


en m'n CSS:

#header {
width: 960px;
height: 10px;
margin: 0 auto;
}

/* Menu */

#menu {
margin-left: auto;
margin-right: auto;
width: 600px;
height: 45px;
}

#menu ul {
margin: 0;
padding: 145px 0px 0px 5px;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
float: left;
}

#menu a {
display: block;
float: left;
height: 31px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
background: url(images/img04.jpg) no-repeat right 18px;
text-decoration: none;
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

#menu a:hover { text-decoration: underline;

weet iemand wat ik fout doe?
Heb je een voorbeeld wat we kunnen bekijken?
jeroen schreef op 16.09.2009 21:20
Hallo allemaal, ik had me een tijd geleden al geregistreerd maar nog nooit op het forum gepost...
nu dan ;)

ik ben het menu kwijt in internet explorer, in firfox werkt dit gewoon goed, kan iemand mij helpen?
het is helemaal niet zichtbaar als ik de pagina in IE refresh zie ik hem heel even verschijnen..

code op de index:

<body>
<div id="header">
<div id="menu">
<ul>
<li><a href="index.php?page=home">Home</a></li>
<li><a href="index.php?page=info">Informatie</a></li>
<li><a href="index.php?page=contact">Contact</a></li>
<li><a href="index.php?page=links">Links</a></li>
</ul>
</div>
</div>
<!-- end #header -->


en m'n CSS:

#header {
width: 960px;
height: 10px;
margin: 0 auto;
}

/* Menu */

#menu {
margin-left: auto;
margin-right: auto;
width: 600px;
height: 45px;
}

#menu ul {
margin: 0;
padding: 145px 0px 0px 5px;
list-style: none;
line-height: normal;
}

#menu li {
display: block;
float: left;
}

#menu a {
display: block;
float: left;
height: 31px;
margin-right: 3px;
padding: 14px 30px 0px 30px;
background: url(images/img04.jpg) no-repeat right 18px;
text-decoration: none;
text-transform: capitalize;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

#menu a:hover { text-decoration: underline;

weet iemand wat ik fout doe?
sorry, loop te klooien dubbelpost :(
Apart. In IE lijkt het evengoed te werken hier als in FF.
echt waar?
werk zelf met FF, kreeg een telefoontje van m'n kennis van het bedrijf dat ie bij hem thuis niet werkt met IE.
zelf even gekeken en nix hoor...
raar.. kon al niets vinden wat evt de fout veroorzaakte..
Welke IE gebruiken ze dan? ga dat eerst eens na.
Ik heb het in IE8 geprobeerd.
Jawel, er zit wel degelijk een fout in. IE7 en 6 geven geen menu :)
Haal de hoogte eens van je a af. Display block op een inline element zonder breedte werkt niet in IE6. Dat is sowieso al een fout. Maar ik denk dat daarmee je IE7 ook is opgelost.

edit: Nee daar kom ik op terug ;). Er zitten veel meer fouten in. Je hele website zit foutief in elkaar. Neem maar eens een kijkje in IE6.

Dan zie je het wel. Eventueel met browsershots.org en anders even IEtester ofzo installeren. Je moet niet alles margin: auto geven. Geef je container een margin: 0px auto; de rest positioneer je gewoon met margin-left: ... px of centreer je met left:50%;margin-left:-(helft van wrap)px;


nog een edit: Kijk je eigen bron eens na. Je doet dingen helemaal verkeerd. Je hebt 2 wrappers. Je moet 1 wrapper maken, en daar je header, menu content en footer in zetten.

Je gebruikt ook <br/> voor styling. Niet goed. Geef gewoon een margin mee.

Ook float je de li`s, wel goed, maar geef je ze ook weer een display:block mee. Niet nodig. Haal die dus weg. Haal de height weg van je a in je hoofdmenu. Gebruik css om afbeeldingen te tonen en doe dit niet met img.

Ook nog een tip: lijn je bron code mooi uit. Hou je het zelf overzichtelijk.!


Wie gebruikt er nou nog IE6?? Dat gebruikte men 5 jaar geleden !
Dank je! een fout is op te lossen, gelukkig maar begrijp niet zo heel goed wat je bedoelt.
hoe zou jij je #menu a inrichten?


Reageren