Site werkt niet goed op Firefox

[yassine]

Hallo tweakers,

Ik heb sinds kort een site gemaakt, maar ben hellaas een fout tegen gekomen.

De site laat zich nl. keurig zien in IE maar in firefox is het bij het kopje "Media" een puinhoop

Ik zou niet weten hoe dit komt, naar mijn weten heb ik alle html bestanden op de juiste wijze geformuleerd. ( anders was het bij IE ook een "puinhoop" )

Weet ieman misschien een oplossing? voor dit rare probleem

IE


Firefox

[TERW_DAN]

IE en FF renderen nu eenmaal heel anders (er zit ook weer verschil tussen 6 en 7). Het beste om te doen is gewoon tijdens het maken te testen in de verschillende browsers en kijken hoe het er dan uit ziet.

zonder de code is hier ook heel weinig over te zeggen, maar het beste is gewoon proberen de sites zo te maken dat het er in meerdere browsers goed uitziet.

Overigens laten beide plaatjes FF zien

[ Voor 5% gewijzigd door TERW_DAN op 13-01-2007 18:17 ]

[dfr0st]

denk dat er een stukje code niet netjes is geschreven en dat IE het overslaat en FF niet. Kijk even naar +/- waar in de code het slecht begint te gaan en controleer of je alles netjes hebt afgesloten of bent begonnen.

Aangezien het maar bij het kopje media is, is het waarschijnlijk dat de fout in een van je artikelen zit.

link site:
http://www.bouchtig.speedlinq.nl/media.html

[ Voor 28% gewijzigd door dfr0st op 13-01-2007 18:20 ]

[mithras]

HTML:

<div id="content">
        <h2>Where do we go from here?</h2>
        <img src="http://bouchtig.speedlinq.nl/2pac.jpg" alt="" width="470" height="127"</div>

klopt al niet helemaal

Sowieso is je homepage adres hier @ GoT niet helemaal lekker, verander dat ook maar

Waarom heb je trouwens code als:

HTML:

<h3><B>Best of Tupac</B> ( <i>word nog uitgebreid</i> )</h3>

terwijl je dit prima kan stylen zonder <b> en <i> binnen je <h3> op te nemen
Je hebt ook een XHTML doctype, terwijl je gewoon html schrijft; maak er dan ook HTML 4.01 Strict van, want dat probeer je te schrijven (of misschien nog Transitional). Het is sowieso handig om je site door de validator te halen, alsmede je media pagina.

[ Voor 74% gewijzigd door mithras op 13-01-2007 18:24 ]

[yassine]

site is btw http://www.bouchtig.speedlinq.nl/index.html Plaatjes heb ik ook upgedate.

Ik zal ff de broncode van het plaatje zetten. Maar wat klopt er dan niet? ik ben vrij noob in dit segment.

HTML:

<div id="content">
        <h2>Where do we go from here?</h2>
        <img src="http://bouchtig.speedlinq.nl/2pac.jpg" alt="" width="470" height="127"</div>
        <h3><B>Best of Tupac</B> ( <i>word nog uitgebreid</i> )</h3>
        <div class="content">
            <p><a href="http://bouchtig.speedlinq.nl/2pac.mp3">2Pacs Life - 01 - Untouchable Swizz Beatz Remix - Nowmp3s.co.mp3</a>
</p>            <p><a href="http://bouchtig.speedlinq.nl/10-2pac-pain_ft_stretch-www.bizzydownload.tk.mp3">2pac-pain ft stretch.mp3</a>
            <p><a href="http://bouchtig.speedlinq.nl/12-2pac-ghetto_star_(feat_nutt-so)-www.bizzydownload.tk.mp3">2pac-ghetto star (feat nutt-so)-www.bizzydownload.mp3</a>
            <p></p>
        </div>
        <div class="meta">
            <a href="#">Lees meer</a> / <a href="#">Reacties</a>
        </div>
        
        <h3></h3>
      <div class="content">
            <p></a> </p>
            <ul>

[ Voor 36% gewijzigd door yassine op 13-01-2007 18:32 ]

[mithras]

Als je nu gewoon je code tussen [code=html][/code] zet, is het een stuk duidelijker leesbaar. Als je verder ook mijn geëditte post leest, zie je al een heel aantal zaken die nog niet kloppen aan je site

[Ramon]

dit waarschijnlijk

HTML:

    <div id="content">
        <h2>Where do we go from here?</h2>
        <img src="http://bouchtig.speedlinq.nl/2pac.jpg" alt="" width="470" height="127"</div>

Je sluit een paar keer je p's niet af en je maakt een p aan alleen om een a af te sluiten?

[ Voor 20% gewijzigd door Ramon op 13-01-2007 18:33 ]

[yassine]

mithras schreef op zaterdag 13 januari 2007 @ 18:27:
Als je nu gewoon je code tussen [code=html][/code] zet, is het een stuk duidelijker leesbaar. Als je verder ook mijn geëditte post leest, zie je al een heel aantal zaken die nog niet kloppen aan je site

Bedankt Ik zal ff kijken of ik daar wijzer uit wordt!
Edit: de links werken bij mij wel naar got hoor

[ Voor 6% gewijzigd door yassine op 13-01-2007 18:31 ]

[Osiris]

Ramon de Jesus schreef op zaterdag 13 januari 2007 @ 18:29:
Je sluit een paar keer je p's niet af en je maakt een p aan alleen om een a af te sluiten?

<p>'s afsluiten is niet verplicht Hooo, bij XHTML wel natuurlijk...

Eigenlijk best knap van de topicstarter om met zo weinig HTML tóch 23 fouten te maken Is handig hoor, die W3C Validator

[ Voor 37% gewijzigd door Osiris op 13-01-2007 18:39 ]

[mithras]

Osiris schreef op zaterdag 13 januari 2007 @ 18:35:
[...]

<p>'s afsluiten is niet verplicht

offtopic:
psst, Osiris, update je gpg key uit je signature eens naar je nieuwe Hoompeetsj

[Osiris]

mithras schreef op zaterdag 13 januari 2007 @ 18:38:
[...]

offtopic:
psst, Osiris, update je gpg key uit je signature eens naar je nieuwe Hoompeetsj

offtopic:
Uh-oh, symlinkje vergeten bij 't herindelen van mn server's vhosts... Fixed, thnx

[yassine]

ik ben er nog niet achter. Ik heb wel de meeste fouten eruit gehaald, maar het plaatje blijft bij firefox f*kt up tevoorschijn komen...

dit is wat het nu is:

<div id="content">
<h2>Where do we go from here?</h2>
<img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"/></p>

Vaag genoeg doed hij het wel als ik op me link ( onder me avater ) naar me hompage klik en dan navigeer naar media. in firefox

[ Voor 19% gewijzigd door yassine op 13-01-2007 19:24 ]

[Osiris]

yassine schreef op zaterdag 13 januari 2007 @ 19:21:
Vaag genoeg doed hij het wel als ik op me link ( onder me avater ) naar me hompage klik en dan navigeer naar media. in firefox

Enige verschil is dat 't mét 'www.' ervoor 't fout gaat en dat 't zónder wel goed gaat.

`diff` van de 2 pagina's:

[b][green]gerjan@flaptop [/][blue]tmp $[/][/] diff goed.txt fout.txt 
34c34,35
<                       <li><a href="http://gathering.tweakers.net/forum/list_activetopics/">GOT Active topics</a></li>
---
>                       <li><a href="http://gathering.tweakers.net/forum/list_activetopics/">GOT Active topics</a></li>
>                       <li><a href="http://speedtest.bbned.nl/test/results.php?kbps=2473.8&downloadtime=6.782&KB=2048&recorded=1/">Speedtest</a></li>
38a40
> 
41d42
< 
46a48
> 
51d52
< 
53c54
<               <img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"/></p>
---
>               <img src="http://bouchtig.speedlinq.nl/2pac.jpg" alt="" width="470" height="127"</div>
54a56
> 
57,58c59
< 
<                       <p><a href="http://bouchtig.speedlinq.nl/10-2pac-pain_ft_stretch-www.bizzydownload.tk.mp3">2pac-pain ft stretch.mp3</a>
---
> </p>                  <p><a href="http://bouchtig.speedlinq.nl/10-2pac-pain_ft_stretch-www.bizzydownload.tk.mp3">2pac-pain ft stretch.mp3</a>
60c61
<                       </p>
---
>                       <p></p>
63d63
<                       <a href="#">Lees meer</a> / <a href="#">Reacties</a>
64a65
>                       <a href="#">Lees meer</a> / <a href="#">Reacties</a>
69c70
<                       <a></a </a>
---
>                       <p></a> </p>
70a72
> 
74c76
< 
---
>                       <p> <a href="6"></a> </p>
80d81
< 
81a83
> 
92d93
< 
98a100
> 
[b][green]gerjan@flaptop [/][blue]tmp $[/][/]

Staan je twee domeintjes toevallig op een ander fysieke locatie op de server, waarbij je ééntje wél gecorrigeerd hebt, terwijl de andere nog de foutieve code bevat?

[ Voor 4% gewijzigd door Osiris op 13-01-2007 19:32 ]

[yassine]

Ik heb 1 domein. En wat bedoel je met dit stukje hierboven? Ik heb de site bewerkt maar houd nog steeds dat misvormde plaatje

HTML:

</h1>
    <ul id="nav">
        <li><a href="index.html">Home</a></li>
        <li><a href="mijn pc.html">Mijn PC</a></li>     
        <li><a href="games.html">Games</a></li>
        <li><a href="media.html">media</a></li>
        <li><a href="downloads.html">downloads</a></li>         
        <li><a href="contact.html">contact</a></li>
    </ul>
    
    <div id="sidebarl" class="s">
        <h2></h2>
        
        
        <h2>Chille site's</h2>
        <ul class="links">
            <li><a href="http://Tweakers.net/">Tweakers</a></li>
            <li><a href="http://Hardware.info/">Hardwar.info</a></li>
            <li><a href="http://gathering.tweakers.net/forum/list_activetopics/">GOT Active topics</a></li>         
            <li><a href="http://www.bitsoup.org/">Bitsoup</a></li>
            <li><a href="http://www.torrentspy.com/">Torrentspy</a></li>
            <li><a href="http://video.google.nl//">Video Google</a></li>
            <li><a href="http://pic7.piczo.com/comedycentralcity/?g=13674748/">Dave Chapelle!!!</a></li>
        </ul>
<h2>Hier komt nog wat</h2>
        <div class="box"><div class="box2">
            <p>.</p>
            <p>.</p>
            <p>.</p>
        </div></div>
    </div>
        
    
    <div id="content">
        <h2>Where do we go from here?</h2>
        <img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"/></p>
        <h3><B>Best of Tupac</B> ( <i>word nog uitgebreid</i> )</h3>
        <div class="content">
            <p><a href="www.bouchtig.speedlinq.nl/2pac.mp3">2Pacs Life - 01 - Untouchable Swizz Beatz Remix - Nowmp3s.co.mp3</a>
            <p><a href="http://bouchtig.speedlinq.nl/10-2pac-pain_ft_stretch-www.bizzydownload.tk.mp3">2pac-pain ft stretch.mp3</a>
            <p><a href="http://bouchtig.speedlinq.nl/12-2pac-ghetto_star_(feat_nutt-so)-www.bizzydownload.tk.mp3">2pac-ghetto star (feat nutt-so)-www.bizzydownload.mp3</a>
            </p>
        </div>
        <div class="meta">
            <a href="#">Lees meer</a> / <a href="#">Reacties</a>
        </div>
        
        <h3></h3>
      <div class="content">
            <a></a </a>
            <ul>


          <ul>
              
          </ul>
      </div>
        <div class="meta">
            <a href="#">Lees meer</a> / <a href="#">Reacties</a>
        </div>
    </div>
    
    <div id="sidebarr" class="s">
        <h2></h2>
        <ul class="links">


        <ul class="links">
            
        </ul>
    </div>
    
    <div id="footer">Copyright Yassine
        </div>
</div>

</body>
</html>

[ Voor 177% gewijzigd door yassine op 13-01-2007 19:43 ]

[Osiris]

yassine schreef op zaterdag 13 januari 2007 @ 19:39:
Ik heb 1 domein. En wat bedoel je met dit stukje hierboven? Ik heb de site bewerkt maar houd nog steeds dat misvormde plaatje

1 domein? Sure? Want er zit toch weldegelijk verschil tussen deze twee:

Met `www.` (fout) & zonder `www.` (goed)

For some reason staan er op die twee verschillende domeintjes verschillende code.. En die meuk in mn post hierboven geeft die verschillen aan.

Ah, ik denk dat ik 't snap: mét `www.` is je webspace op de server van je provider (Speedlinq). Zónder `www.` is de site die op je eigen server is gehost.
Ik gok dat je op je eigen server aan het editen bent (goeie code dus) en vervolgens surf je naar de webspace van je provider, waar vervolgens nog de ouwe code op staat
Hmm nee, beide hostnames hebben hetzelfde IP.. Maar toch: 2 URL's en 2 verschillende setjes HTML, daar zit het probleem wel iig.

[ Voor 32% gewijzigd door Osiris op 13-01-2007 19:50 ]

[yassine]

Osiris schreef op zaterdag 13 januari 2007 @ 19:48:
[...]

1 domein? Sure? Want er zit toch weldegelijk verschil tussen deze twee:

Met `www.` (fout) & zonder `www.` (goed)

For some reason staan er op die twee verschillende domeintjes verschillende code.. En die meuk in mn post hierboven geeft die verschillen aan.

hahah ik heb het . Het was dit: <img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"/ ></p>

Het moet dit zijn <img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"</p>

Nu werkt ie zowel bij ie als firefox Ik denk dat ik 1 domein heb tough, en die is van speedlinq!

[Ramon]

yassine schreef op zaterdag 13 januari 2007 @ 19:51:
[...]

hahah ik heb het . Het was dit: <img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"/ ></p>

Het moet dit zijn <img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"</p>

Nu werkt ie zowel bij ie als firefox Ik denk dat ik 1 domein heb tough, en die is van speedlinq!

gatver! nee dat moet het dus niet zijn.

maak er maar zoiets van:

HTML:

<img src="http://bouchtig.speedlinq.nl/2pac.jpg" width="470" height="127"></p>

wat jij er nu van heb gemaakt slaat nergens op. En je moet geen p's afsluiten die je niet hebt geopent, en andersom geen p's openen die je niet afsluit.

[Osiris]

Eeuhm, door een correcte code foutief te maken, werkt het wel, jaja

Fijn dat 't werkt, maar netjes is anders..

[yassine]

Ramon de Jesus schreef op zaterdag 13 januari 2007 @ 19:56:
[...]
gatver! nee dat moet het dus niet zijn.

maak er maar zoiets van:

HTML:

<img src="http://bouchtig.speedlinq.nl/2pac.jpg" width="470" height="127"></p>

wat jij er nu van heb gemaakt slaat nergens op. En je moet geen p's afsluiten die je niet hebt geopent, en andersom geen p's openen die je niet afsluit.

Zo werkte het juist niet Maar nu werkt ie prima. En ik zie niet wat er niet netjes aan is maar jah dat leer ik nog wel

HTML:

<img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"</p>

Dit is hem^^

[ Voor 9% gewijzigd door yassine op 13-01-2007 20:07 ]

[Pyrus]

Wat er niet netjes aan is, is dat je img-tag incompleet is. Er mist een >.
Oh en de ontbrekende spatie tussen "width is ook niet geweldig.

[ Voor 30% gewijzigd door Pyrus op 13-01-2007 20:20 ]

[mithras]

Je moet gewoon consistent zijn, en al je tags afsluiten. Lees eens de specificaties erop naar, want je code is een grote zooi. Je nest ook compleet verkeerd, en de posts boven je geven genoeg hints hoe het wel moet!

HTML:

<p><a href="#">linkje</p></a> <!-- fout! -->
<p><a href="#">linkje</a></p> <!-- goed! -->

Dit is een lijstje van de fouten die in de code zitten, uitgesloten het xhtml/html verhaal:
[list=1]• Je hebt nog steeds die <img> tag open gelaten, waarnaar je een paragraph sluit die je nergens opent (regel 49).
• Verder open je in je div (id=content) 3 linkjes en sluit je drie links. Je opent echter drie paragrafen, maar sluit er één (regel 52 t/m 55)
• In een div (class=content, waarom dubbel content gebruiken; is alleen maar verwarrend) open je een link, sluit je een link (geen linkje, of tekst ertussen...). Maar daartussen staat een sluitende, niet afgemaakte <a> tag (regel 63) !!!
• Tussen regel 64 t/m 71 open je twee keer een unordened list (<ul>), die je een keer afsluit, Verder staat daar niets in, dus die hoeven daar ook niet te staan.
• In je div (id=sidebar) wordt wéér twee keer een unordened list geopend, maar één keer gesloten (regel 80 t/m 86). Er staat ook niets in, dus waarop die lijst aanmaken?
• En geef, zoals ik al helemaal in het begin zei, gewoon een valid HTML 4.01 Strict of Transitional doctype mee. Je gebruikt geen XHTML en doet niets met XML. Verder wordt XHTML uitgerangeerd, dus je kan jezelf beter HTML aanleren.
Zoals je ziet is het eigenlijk (nofi) een zooitje. Pak een willekeurige html tutorial website erbij en leer wat over geneste tags. Je moet consistent blijven, want het voorbeeld aan het begin van deze post laat zien welke fouten je het meeste maakt.

[crisp]

yassine schreef op zaterdag 13 januari 2007 @ 20:05:
[...]

HTML:

<img src="http://bouchtig.speedlinq.nl/2pac.jpg"width="470" height="127"</p>

Dit is hem^^

Funny thing is: het enige dat daar "fout" aan is is het ontbreken van het alt-attribuut. Voor de rest is het gewoon valid in HTML4. Dat browsers er hun nek over breken is een ander verhaal...

[yassine]

mithras schreef op zaterdag 13 januari 2007 @ 22:12:
Je moet gewoon consistent zijn, en al je tags afsluiten. Lees eens de specificaties erop naar, want je code is een grote zooi. Je nest ook compleet verkeerd, en de posts boven je geven genoeg hints hoe het wel moet!

HTML:

<p><a href="#">linkje</p></a> <!-- fout! -->
<p><a href="#">linkje</a></p> <!-- goed! -->

Dit is een lijstje van de fouten die in de code zitten, uitgesloten het xhtml/html verhaal:
[list=1]• Je hebt nog steeds die <img> tag open gelaten, waarnaar je een paragraph sluit die je nergens opent (regel 49).
• Verder open je in je div (id=content) 3 linkjes en sluit je drie links. Je opent echter drie paragrafen, maar sluit er één (regel 52 t/m 55)
• In een div (class=content, waarom dubbel content gebruiken; is alleen maar verwarrend) open je een link, sluit je een link (geen linkje, of tekst ertussen...). Maar daartussen staat een sluitende, niet afgemaakte <a> tag (regel 63) !!!
• Tussen regel 64 t/m 71 open je twee keer een unordened list (<ul>), die je een keer afsluit, Verder staat daar niets in, dus die hoeven daar ook niet te staan.
• In je div (id=sidebar) wordt wéér twee keer een unordened list geopend, maar één keer gesloten (regel 80 t/m 86). Er staat ook niets in, dus waarop die lijst aanmaken?
• En geef, zoals ik al helemaal in het begin zei, gewoon een valid HTML 4.01 Strict of Transitional doctype mee. Je gebruikt geen XHTML en doet niets met XML. Verder wordt XHTML uitgerangeerd, dus je kan jezelf beter HTML aanleren.
Zoals je ziet is het eigenlijk (nofi) een zooitje. Pak een willekeurige html tutorial website erbij en leer wat over geneste tags. Je moet consistent blijven, want het voorbeeld aan het begin van deze post laat zien welke fouten je het meeste maakt.

jah ik begrijp je volkomen. Waarom ik die tags zonder tekst erin laat, is het simpele feit dat ik steeds met me site bezig ben
is voor makkelijker werken zow. Bedankt voor uileg tough

[yassine]

Ik heb geen zin om een nieuwe topic aan te maken dus meld ik het hier..


Ik wil in me site een commentbox plaatsen. ( je weet wel, waar mensen hun reacties kunnen achterlaten ) Nou kan ik geen PHP gebruiken, omdat me speedlinq domein dat niet accepteerd ( dat heb ik ook maar gehoord )

Nou kan het wel met XHTML maar weet niet hoe. Ik heb al gegoogeld maar kom er niet uit. Dus als iemand een link ofzo weet heel graag

[mithras]

[google=ajax shoutbox]

[Verwijderd]

gaat niet werken zonder server side taal, heb je niets anders dan php tot je beschikking?

[yassine]

mithras schreef op maandag 15 januari 2007 @ 08:50:
[google=ajax shoutbox]

Bedankt, maar dit is php. Ik denk niet dat het gaat werken, en hoe zou ik dat evt. kunnen proberen?

[sjongenelen]

Terw_Dan schreef op zaterdag 13 januari 2007 @ 18:16:


Overigens laten beide plaatjes FF zien

niet waar ^^ IE7!

[ Voor 51% gewijzigd door sjongenelen op 15-01-2007 12:29 ]

[mithras]

yassine schreef op maandag 15 januari 2007 @ 12:28:
[...]

Bedankt, maar dit is php. Ik denk niet dat het gaat werken, en hoe zou ik dat evt. kunnen proberen?

Dat zag ik dus ook.. Het wordt lastig, want php is vaak, misschien wel altijd, de taal die hiervoor gebruikt wordt. Misschien nog met perl, maar daar heb ik geen verstand van...