Archief - HTML/CSS: Menu werkt in FF, niet in IE

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
A

Audiosonic

Legacy Member
Hallo iedereen.

We moeten voor school een template afhebben na de paasvakantie, en nu ben ik er al ff aan beziggeweest, maar zit met een probleem door IE. Het probleem is, dat als ik mijn site bekijk met firefox, het menu goed staat, en de hovers werken, en de submenu's worden getoond. Nu wil ik mijn site ook in IE6 testen, en hier werken de hovers wel, maar hij toont de submenu's niet :confused: De site is http://webontwerp.rega.khleuven.be/502899/Kelberg-Sport/

Screen goed : http://img163.imageshack.us/my.php?image=probieffgoedwq9.png
Screen slecht : http://img163.imageshack.us/img163/7861/probieieslechtry5.png

Iemand die hier een goede oplossing voor heeft ?

Alvast bedankt,
Audiosonic
U

UnD3RD0G

Legacy Member
mss kan je een screenshot posten van wat er in IE5 misloopt... dat zou makkelijk zijn, daar ik denk dat de meeste mensen IE6 of 7 hebben

<div id="menuh-container">
<div id="menuh">

... eeerm :unsure: breezaah? :x
A

Audiosonic

Legacy Member
Jah,kheb mij ook vergist, kheb IE 6. Kheb de screens bij in de beginpost gezet.

Nee, geen breezaahslet :p kheb het menu deels van een anders site, omdat er nog een .htc bestand bijzit :)
U

UnD3RD0G

Legacy Member
volgens mij is dat iets vree raar dat daar allemaal in die css gebeurd :)

ben je zeker dat de site waarvan je het hebt , het op beiden browsers wel werkt?

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

:wtf:
hzt klopt logischerwijze wel allemaal ( als ik het zo snel bezie )
maar het verbaast me absoluut niet, dat IE of FF over zo'n CSStoestanden struikelen
R

Razorwolf

Legacy Member
li:hover wordt niet ondersteund door IE6. :hover werkt enkel op anchors ( <a> ). Daarom werkt het niet.
A

Audiosonic

Legacy Member
Bedankt :) dr is dus niet echt een manier hoe ik dit in puur css kan oplossen ?
A

Audiosonic

Legacy Member
Ik ken geen javascript, dus is er iemand die weet hoe ik dit kan oplossen? Of zo een javascript heeft ?
B

Brakke1986

Legacy Member
int eerste semester hedde toch beginselen van het programmere gezien e,
het trekt er op, tis ni helemaal hetzelfde maar ge vind er veel uitleg over opt internet.

Nu een vraagske naar de rest toe:
Wat is er mis met de volgende declaratie?
<li onClick="ShowHide(4)"><a href=#>Evenementen</a></li>
Klik om te vergroten...
Diene ShowHide is dan een javascript.
In IE(6) voert em da uit, in FF niet, ik vind het echt bizar aangezien het meestal andersom is, dat iets wel werkt in FF en niet in IE :s
Ik denk dat er iets mis is met de declaratie maar voor diegene die denken dat het aan men javasript ligt:
<script type="text/javascript">
function ShowHide(getal){
switch(getal){
case 0: weg(0); document.all.sub0.className="linkson"; break;
case 1: weg(0); document.all.sub1.className="linkson"; break;
case 2: weg(0); document.all.sub2.className="linkson"; break;
case 3: weg(0); document.all.sub3.className="linkson"; break;
case 4: weg(0); document.all.sub4.className="linkson"; break;
case 5: weg(0); document.all.sub5.className="linkson"; break;
case 6: weg(0); document.all.sub6.className="linkson"; break;
case 7: weg(0); document.all.sub7.className="linkson"; break;
case 8: weg(0); document.all.sub8.className="linkson"; break;
}
}
function weg(getal){
switch(getal){
case 0: document.all.sub0.className="linksoff";
case 1: document.all.sub1.className="linksoff";
case 2: document.all.sub2.className="linksoff";
case 3: document.all.sub3.className="linksoff";
case 4: document.all.sub4.className="linksoff";
case 5: document.all.sub5.className="linksoff";
case 6: document.all.sub6.className="linksoff";
case 7: document.all.sub7.className="linksoff";
case 8: document.all.sub8.className="linksoff";
}
}
</script>
Klik om te vergroten...
s

sh011265

Legacy Member
Javascriptje toevoegen aan je pagina is easy:

Maak een javafile aan met extensie .js bvb: bugfix.js

Roep dan je javascript file op in je html code dmv: <SCRIPT SRC="bugfix.js">
</SCRIPT>

Je kan natuurlijk ook op elke pagina je hele javascript tussen de <SCRIPT>-tags plaatsen, maar dit oogt minder mooi vind ik
A

Audiosonic

Legacy Member
Kheb dr wat aan zitten sleutelen, en nu werkt mijn menu in IE :) Alleen is dr nu een probleem met de paddings. Die verschillen heel hard van IE-FF. Is er een manier om dit te veranderen? Helpt het met absolute waarde in te geven ?


*Edit* Dit is al opgelost met een <BR>
En in IE komt de H1 naast mij menubar te staan ???
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan