Scholieren.com forum - [HTML] problemen.

Scholieren.com forum (https://forum.scholieren.com/index.php)

- Software & Hardware (https://forum.scholieren.com/forumdisplay.php?f=20)

- - [HTML] problemen. (https://forum.scholieren.com/showthread.php?t=400168)

[HTML] problemen.

Ik heb een site gemaakt. Bij mij werkt hij perfect maar op verschillede kennisen werk hij niet. Alle hadden een nieuwe versie van IE 5.0 of hoger. Ik gebruik zelf ook IE6.0 dus ik kan niet bedenken wat er fout. Andere hebben er weer geen last van.

De site
http://www.home.zonnet.nl/j.w.marcus/
Win 2000 IE versie 6.0
http://www.home.zonnet.nl/j.w.marcus/screenshot.jpg

Win 98SE versie 5.0

http://www.home.zonnet.nl/j.w.marcus/screenshot2.jpg

De Html Code

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>The Ultieme TI 83 and TI83+ homepagina</title>

        <link href="styles/site.css" rel="stylesheet" type="text/css">

<script language="JavaScript">

var stayFolded=false

var n = (document.layers) ? 1:0;

var ie = (document.all) ? 1:0;

var browser=((n || ie) && parseInt(navigator.appVersion)>=4)



function makeMenu(obj,nest){

        nest=(!nest) ? '':'document.'+nest+'.'                                                                                

        this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style')                                        

           this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');                

        this.height=n?this.ref.height:eval(obj+'.offsetHeight')

        this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;                                                        

        this.hideIt=b_hideIt;        this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt                                                                                        

        return this

}

function b_showIt(){this.css.visibility="visible"}

function b_hideIt(){this.css.visibility="hidden"}

function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}

function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}

function init(){

        oTop=new Array()

        oTop[0]=new makeMenu('divTop1','divCont')

        oTop[1]=new makeMenu('divTop2','divCont')

        oTop[2]=new makeMenu('divTop3','divCont')

        oTop[3]=new makeMenu('divTop4','divCont')

        oTop[4]=new makeMenu('divTop5','divCont')

        oTop[5]=new makeMenu('divTop6','divCont')

        oSub=new Array()

        oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')

        oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')

        oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')

        oSub[3]=new makeMenu('divSub4','divCont.document.divTop4')

        oSub[4]=new makeMenu('divSub5','divCont.document.divTop5')

        oSub[5]=new makeMenu('divSub6','divCont.document.divTop6')

        for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }

        for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }

}



function menu(num){

        if(browser){

                if(!stayFolded){

                        for(i=0;i<oSub.length;i++){

                                if(i!=num) oSub[i].hideIt()

                        }

                        for(i=1;i<oTop.length;i++){

                                oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)

                        }

                }

                oSub[num].vis()?oSub[num].showIt():oSub[num].hideIt()

                for(i=1;i<oTop.length;i++){ 

                        if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height) 

                        else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)

                }

        }

}

if(browser) onload=init;

</script>

</head>



<body>

<TABLE border="0" width="100%" height="100%">

 <TR>

  <TD class="banner"align="center" colspan="2" height="50">De Ultieme TI-83 en TI-83+ pagina</TD></TR>

 <TR>

  <TD valign="top" width="62"><body class="inhoud">

<div id="divCont">

        <div id="divTop1" class="clTop"><a href="TI/Pagenl/index.html" target="inhoud" return false" class="clMain">Home</a><br>

                <div id="divSub1" class="clSub">

        </div><br>

        </div>

        <div id="divTop2" class="clTop"><a href="TI/Pagenl/Download.html" onclick="menu(1);return false" Target="inhoud" class="clMain">Download</a><br>

                <div id="divSub2" class="clSub">

                        <a href="TI/Pagenl/Ourproducts.html" class="clSubb" target="inhoud">Onze Producten</a><br>

                        <a href="TI/Pagenl/Basic.html" class="clSubb" target="inhoud">Basis</a><br>

                        <a href="TI/Pagenl/Games.html" class="clSubb" target="inhoud">Games</a><br>

                        <a href="TI/Pagenl/Math.html" class="clSubb" target="inhoud">Wiskundige programma's</a><br>

                        <a href="TI/Pagenl/Anotherstuff.html" class="clSubb" target="inhoud">Andere dingen</a><br>

                        <a href="TI/Pagenl/Application.html" class="clSubb" target="inhoud">Aplicaties</a><br>

                </div><br>

        </div>

        <div id="divTop3" class="clTop"><a href="" onclick="menu(2);return false" Target="inhoud" class="clMain">Over de site</a><br>

                <div id="divSub3" class="clSub">

                        <a href="TI/Pagenl/Aboutus.html" class="clSubb" target="inhoud">Over Ons</a><br>

                        <a href="TI/Pagenl/news.html" class="clSubb" target="inhoud">Nieuws</a><br>

                </div><br>

        </div>

        <div id="divTop4" class="clTop"><a href="" onclick="menu(3); return false" class="clMain">Help</a><br>

                <div id="divSub4" class="clSub">

                        <a href="TI/Pagenl/Helpdesk.html" Target="inhoud" class="clSubb">Helpdesk</a><br>

                        <a href="TI/Pagenl/faq.html" Target="inhoud" class="clSubb">Faq</a><br>

                        <a href="http://www.prikpagina.nl/list.php?f=511" Target="_blank" class="clSubb">Forum</a><br>

                </div><br>

        </div>

        <div id="divTop5" class="clTop"><a href="TI/Pagenl/Links.html" Target="inhoud" class="clMain">Links</a><br>

                <div id="divSub5" class="clSub">

                </div><br>

        </div>

        <div id="divTop6" class="clTop"><a href="TI/Page/Poll.html" Target="inhoud" class="clMain">Poll</a><br>

                <div id="divSub6" class="clSub">

                </div><br>

                <div id="divTop7" class="clTop"><a href="http://www.jwmarcus.write2me.nl" class="clMain" target="inhoud">Gastenboek</a><br>

                <div id="divSub7" class="clSub">

                </div><br>

        </div>

</div></TD>

  <TD><iframe src="TI/Pagenl/index.html" height="100%" width="100%" FRAMEBORDER="0" name="inhoud"></iframe></TD>

</TR>

<tr><td class="bottom" align="center" colspan="2" height="20"><a href="index.html" target="_parent"><img src="images/ENG.gif" width="30" height="20" border="0" Alt="De engelse versie van deze pagina"></a>&copy; by Sorcerer. Webmaster of www.ti83.nl.tt</noscript>

<!-- End Nedstat Basic code --></TD></TR>

</table>





</body>

</html>

Overige gegevens:
Opmaak in CSS
Maak gebruik van een IFRAME

Nou wil ik een gek vragen wie een iedee heeft wat ik fout doe. Ik vind het niet leuk dat iemand hem niet kan bekijken.

zijn die 2 screenshots nou allebei fout?
behalve resolutie zie ik geen verschil

dit zie ik in mozilla:

http://www.gonron.com/sigdrive/sigs/...-03_231935.png

stel dat ik dan graag op je site wil en dus toch maar ga lezen wat er staat, dan zie ik 'When there are problems with the menu please click here'
na het klikken op die link krijg ik dus dit:

http://www.gonron.com/sigdrive/sigs/...-03_232136.png

Mooi dat ik dat weet.
Morzilla heeft er inderdaad problemen mee. Dat wist ik al eerder.
Ik dacht dat ik het goed had opgelost dus niet.

Maar nu mijn problem is hierdoor nog steeds niet opgelost. :(
Ik denk dat ik maar met percentage's ga werken. Mischien wel zo handig :)
Ik denk dat in absorlute pixels niet goed wordt geinterperteerd door verschillende browesers. :(

ik heb nog even voor je gekeken.
het lijkt of je menu inderdaad niet helemaal goed is, de rest ziet er volgens mij wel ok uit. in ieder geval heb ik de laatste stable mozilla (volgens mij) (*gaat kijken en ziet dat dat 1.2.1 is*) en IE 5.0.

In Mozilla heb ik nog ff geklikt op waar je moet klikken als het menu niet goed wordt weergegeven.

overigens heb ik je source nog ff bekeken, maar ik kan er niet helemaal wijs uit worden (ligt aan mij, hoor), dus aan mij heb je wat dat betreft niks.

maar hier de screenshots, eerst die van ie, dan die van mozilla:

http://www.scholieren.com/~ekki/scre...um/site_ie.jpg
http://www.scholieren.com/~ekki/scre...te_mozilla.jpg

ps het is niet morzilla, maar mozilla.

ik zie nu nog iets: als je in ie op die link klikt voor als het menu het doet krijg je een nieuw schermpje met het menu dat het dus wel doet, in mozilla krijg je wat je dus hierboven krijgt. bij mij tenminste.

nouja, succes in ieder geval verder.

IE gaat goed Gelukkig. Nu mozila nog en dat werkt nu ook :D. Iemand ook nog Netscape?

Nee. Maar weet iemand wat er aan de hand ik met mijn eerste probleem voor IE. Metname het tabel Menu werkt goed. alleen mozilla ondesteund het niet. Kwam ik gisteren ook pas achter. Er staan nog een maar kleine schoonheids foutjes op maar dit mag niet (dan wordt het een SITE check)

Dus ik zit alleen nog met het tabel.
Als ik absorlute waarden invul heb problemen. Bij procenten niet. (Ja alleen bij een miniatuur beeldscherm maar dat is mijn doelgroep niet.)
Maar zit dat in IE of een andere browser of in mijn HTML code.

Citaat:

TIGEK schreef:
IE gaat goed Gelukkig. Nu mozila nog en dat werkt nu ook :D. Iemand ook nog Netscape?

Nee. Maar weet iemand wat er aan de hand ik met mijn eerste probleem voor IE. Metname het tabel Menu werkt goed. alleen mozilla ondesteund het niet. Kwam ik gisteren ook pas achter. Er staan nog een maar kleine schoonheids foutjes op maar dit mag niet (dan wordt het een SITE check)

Dus ik zit alleen nog met het tabel.
Als ik absorlute waarden invul heb problemen. Bij procenten niet. (Ja alleen bij een miniatuur beeldscherm maar dat is mijn doelgroep niet.)
Maar zit dat in IE of een andere browser of in mijn HTML code.

raar, want ik heb nooit problemen met absolute waarden.

in mozilla werkt dat met dat menu nu goed, ja, hij opent het schermpje in het huidige scherm.

ohja: ik had net ook nog verschillen tussen de engelse en de nederlandse versie. heb dat nu nog niet getest, maar misschien moet je er wel ff goed op letten (nederlandse deed het toen beter volgens mij).

de link 'helpdesk' werkt nog niet?

[edit]als ik op de nederlandse versie klik en daarna op dat het menu het niet doet en ik dus een andere pagina krijg, kan ik niet meer kiezen voor de nederlandse versie... volgens mij (of ik kijk er overheen).[/edit]

[nogmeeredit]gebruik voor de link www.ti.com/calc wel http://, want nu linkt ie naar http://www.home.zonnet.nl/j.w.marcus...w.ti.com/calc, wat mij niet de bedoeling lijkt.[/nogmeeredit]

Klopt. Dat moet ik nog goed gaan maken maar omdat maar een klein precetage mozilla gebruikt of een andere minder bekende browser vind ik het wat minder belangrijk.

Dat van de Helpdesk is veranderd.
Ik denk dat ik nog meer ga editen. Het ziet er niet uit als ik met precentages ga werken bij een hogere resolutie. :(

Dus ik heb vandaag en morgen nog zat te doen :D

Een paar opmerkingen:

Ten eerste: geef eenheden op!

Code:

DIV.clSub{position:absolute; left:10; width:120}

10. 10 wat? appels? peren? centimeter? millimeters? pixels?

Ten tweede, probeer om classnamen als 'bolder' en 'italic' te vermijden; een browser kan het niet meer snappen

Als laatste: haal dat gare javascriptje uit je html.

Verder is bij mij (Opera 7.02) de mainframe veel te klein. Misschien dat je hiervoor ook een hoogte en breedte op kan geven? Misschien centreren?

Citaat:

TIGEK schreef:
Klopt. Dat moet ik nog goed gaan maken maar omdat maar een klein precetage mozilla gebruikt of een andere minder bekende browser vind ik het wat minder belangrijk.

Dat van de Helpdesk is veranderd.
Ik denk dat ik nog meer ga editen. Het ziet er niet uit als ik met precentages ga werken bij een hogere resolutie. :(

Dus ik heb vandaag en morgen nog zat te doen :D

netscape is in feite hetzelfde als mozilla. ik denk dat er meer mensen zijn die een alternatieve browser gebruiken dan je denkt.

http://validator.w3.org/check?uri=ht...tern+Europe%29

1) stop een character encoding in je HTML document in het <head> </head> segment:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

2) zorg dat je pagina korrekt valideert met de W3C HTML Validator: http://validator.w3.org

3) valideer ook je CSS eens: http://jigsaw.w3.org/css-validator/validator-uri.html

De site werkt hier totaal niet goed met Mozilla.
2 hints:
(1) drop JS voor je menuutjes of wat dan ook
(2) controleer je site met W3C's validator

Citaat:

eddie schreef:
Een paar opmerkingen:

Ten eerste: geef eenheden op!

Code:

DIV.clSub{position:absolute; left:10; width:120}

10. 10 wat? appels? peren? centimeter? millimeters? pixels?

dat slaat nergens op
browsers interpreteren dat automatisch als pixels en dat weet je best
all1 is het wat makkelijker uit te lezen voor complete n00bs

masar je hebt wel gelijk dat daar de fout zit
moet er niet iets van visibility worden toegevoegd of je posities van de menu's veranderd??

Citaat:

JJzD schreef:
dat slaat nergens op
browsers interpreteren dat automatisch als pixels en dat weet je best

Een goed scripter/programmeur mag niet uitgaan van default instellingen.

Als ik een browser maak en ik heb als default eenheid cm, dan gaat deze site er dus verkeerd uitzien.

Geef dus altijd eenheden op; je weet nooit met wat voor instellingen de browsers werken.