XHTML pagina opent wel goed in Chrome, niet in IE en FF

zondag 11 december 2011 01:13

Acties:

0 Henk 'm!

Topicstarter

Goedenavond mede-tweakers,

Laat ik eerst het volgende zeggen: Ik heb meer dan een uur op Google zitten rondneuzen om het probleem te verhelpen, maar het wil me niet lukken.

Ik zit met het volgende probleem: Ik ben bezig met een website, die ik in XHTML 1.1 maak. Als ik de site open om te testen (in Chrome) werkt alles perfect (opmaak, layout, etc.) Maar als ik het dan wil testen op Internet Explorer en Firefox dan is al het design weg

Ik heb zoals gezegd meer dan een uur zitten Googlen, maar ik kom er niet uit. Ik hoop echt dat jullie mij op weg kunnen helpen.

Hier de voorbeelden:
http://i1092.photobucket.com/albums/i412/martijnhafc/ie.jpg
http://i1092.photobucket.com/albums/i412/martijnhafc/ff.jpg
http://i1092.photobucket....12/martijnhafc/chrome.jpg

Martijn

PS: Ik ben beginner met XHTML, CSS, etc.

Het is bedoening, niet bedoeling

zondag 11 december 2011 01:24

Acties:

0 Henk 'm!

CH4OS

It's a kind of magic

Google

Je verwijzing naar de CSS-file is niet goed is mijn eerste gok, maar kan dat nu niet zien omdat je de relevante code (uit de head-tag) niet meegegeven hebt.

zondag 11 december 2011 01:26

Acties:

0 Henk 'm!

kluyze

Met enkel een paar screenshots kunnen wij weinig. Ten minste zou je een linkje kunnen sturen naar een testomgeving.

Enkele tips
- Staat je doctype goed ingesteld? Zeker? Kijk het nog maar eens na.
- Gebruik je javascript, is dit allemaal zonder fouten? Gebruik je jQuery/...? Kijk ook eens of jouw versie met de laatste IE overweg kan.
- Bij siteontwikkeling en Firefox kan je bijna niet firebug wegdenken. In de console komen eventuele fouten naar boven.
-Ook IE en Chrome hebben ontwikkeltools gelijkend aan firebug. IE = F12 of menu > F12 developertools
- Eigenlijk is dit overbodig (om te melden), maar wat zegt de w3c html validator?

zondag 11 december 2011 01:31

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Website Informatica</title>
<link rel="stylesheet" type="tekst/css" href="opmaak.css" />
<link rel="stylesheet" type="tekst/css" href="tekstopmaak.css" />
</head>
<body>
<p class="p1"></p><div id="box1"><p class="p2">
<a href="index.htm" title="Homepage"><b>Homepage</b></a>
<a href="playstation3.htm" title="PS3"><em>Playstation 3</em></a>
<a href="xbox360.htm" title="X360"><em>XBOX 360</em></a>
<a href="wii.htm" title="wii"><em>Nintendo Wii</em></a>
<a href="accessoires.htm" title="accessoires"><em>Accessoires</em></a></p></div>

<p class="p1"></p><div id="box3"><h1><u>Van harte welkom op www.consoleinfo.nl!</u></h1>
<p class="p2"></p></div>

<p class="p1"></p><div id="box2"><p class="p2"><h4>Ben jij op zoek naar een console? Weet jij niet waaruit je moet<br /> kiezen? Dan hebben wij hier alle benodigde informatie<br /> die je nodig hebt bij je keuze, waaronder: voor- en nadelen,<br /> prijs/kwaliteit verhouding en eigen ervaringen. Ook<br /> behandelen we accessoires en populaire games.<br /> Je kunt hieronder op een plaatje van de console klikken<br /> of hierboven in het menu de links gebruiken.</h4>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<pre> <a href="playstation3.htm"><img src="playstation3.bmp" alt="Playstation 3" width="250" height="250" /></a> <a href="xbox360.htm"><img src="xboxpic.jpg" alt="XBOX 360" width="250" height="250" /></a> <a href="wii.htm"><img src="nintendowii.jpg" alt="Nintendo WII" width="250" height="226" /></a> </pre>
</p></div>
</body>
</html>

Ik kreeg hem met UBB code niet goed, dus dan maar zo. Ik zal zo eens proberen met firebug in FF en F12 in IE.

[ Voor 39% gewijzigd door martijntjuhh op 11-12-2011 01:49 ]

Het is bedoening, niet bedoeling

zondag 11 december 2011 01:40

Acties:

0 Henk 'm!

kluyze

Wat zit er in het begin van je code? Staat die '{' ook in je html file?

Er zitten trouwens ook een aantal fouten tegen xhtml1.1 in, ik gok dat deze niet de huidige problemen veroorzaken maar misschien die eerst eens nakijken?

[ Voor 52% gewijzigd door kluyze op 11-12-2011 01:41 ]

zondag 11 december 2011 01:45

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

Nee sorry, die staat er niet in. Net ff firebug geprobeerd, het werkt wel voor de afbeeldingen, maar de tekst veranderd niet naar mijn wensen. Moet ik dan voor elke css regel van de tekst, een nieuwe regel in firebug creeeren?

Het is bedoening, niet bedoeling

zondag 11 december 2011 01:47

Acties:

0 Henk 'm!

Thorchy

Je lijkt je <h1>-tag niet goed af te sluiten. Er ontbreekt een '>'.

Why do we tell you to turn it off and on again? Because we don't have the slightest clue what's wrong with it, and it's really easy to induce coma in computers and have their built-in team of automatic doctors try to figure it out for us.

zondag 11 december 2011 01:48

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

Hmm, dan heb ik die niet goed gekopieerd, die staat er in ConTEXT wel gewoon. Excuses daarvoor

Het is bedoening, niet bedoeling

zondag 11 december 2011 01:51

Acties:

0 Henk 'm!

martijnve

Ik kan de fout niet vinden maar het valt me wel op dat je niet begrepen hebt hoe <p>'s werken. Je lijkt ze te gebruiken alsof het een soort <br's> zijn.

De bedoeling is dat je er het begin en einde van paragraven mee aangeeft.

<p>
bla bla
bla bla
</p>
<p>
2e paragraaf
</p>

Mini-ITX GamePC: Core i5 3470 | 16GB DDR3 | GTX 970 4GB | Samsung 830 128GB | Dell u2711 (27", IPS,1440p), 2343BW

zondag 11 december 2011 01:53

Acties:

0 Henk 'm!

ZalmanLuci

Volgens mij ligt het hier in:

code:

1 2	<link rel="stylesheet" type="tekst/css" href="opmaak.css" /> <link rel="stylesheet" type="tekst/css" href="tekstopmaak.css" />

Moet zijn:

code:

1 2	<link rel="stylesheet" type="text/css" href="opmaak.css" /> <link rel="stylesheet" type="text/css" href="tekstopmaak.css" />

Tekst/css -> text/css

zondag 11 december 2011 01:57

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

ZalmanLuci schreef op zondag 11 december 2011 @ 01:53:
Volgens mij ligt het hier in:

HELD!!! $_/-\o_$ $_/-\o_$ $_/-\o_$

Het is bedoening, niet bedoeling

zondag 11 december 2011 02:00

Acties:

0 Henk 'm!

8088

NaN

kluyze schreef op zondag 11 december 2011 @ 01:26:
- Eigenlijk is dit overbodig, maar wat zegt de w3c html validator?

Allesbehalve overbodig dus

edit: oh, de waarde van type neemt 'ie kennelijk niet mee in z'n oordeel.

[ Voor 17% gewijzigd door 8088 op 11-12-2011 02:06 ]

Do you seek to engage in or have you ever engaged in terrorist activities, espionage, sabotage, or genocide?

zondag 11 december 2011 02:00

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

Probleem gefixt, iedereen bedankt voor de hulp!!!

Het is bedoening, niet bedoeling

zondag 11 december 2011 02:05

Acties:

0 Henk 'm!

8088

NaN

Probleem gefixt, dus de overige tips maar negeren? Tot in je volgende topic dan maar.

[ Voor 25% gewijzigd door 8088 op 11-12-2011 02:10 ]

Do you seek to engage in or have you ever engaged in terrorist activities, espionage, sabotage, or genocide?

zondag 11 december 2011 02:19

Acties:

0 Henk 'm!

CH4OS

It's a kind of magic

Google

Als ik toch nog een tip mag geven, al ken ik je verdere HTML niet... Bijna alle tags zijn te stylen, daar hoeft niet per se een div omheen. <div id="blok3"><h1>Titel</h1></div> kan dus ook prima <h1 id="blok3">Titel</h1> zijn, mits juiste CSS gebruikt wordt uiteraard.

zondag 11 december 2011 02:32

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

@8088

Oftopic: Wat is het nut van deze reactie? Ik heb toch geprobeerd om met firebug het probleem te verhelpen. Dus waarom overige tips negeren? Als iemand een snelle korte oplossing heeft is dat toch iets makkelijker te proberen, dan de codes te controleren via w3c.

Het is bedoening, niet bedoeling

zondag 11 december 2011 02:34

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

CptChaos schreef op zondag 11 december 2011 @ 02:19:
Als ik toch nog een tip mag geven, al ken ik je verdere HTML niet... Bijna alle tags zijn te stylen, daar hoeft niet per se een div omheen. <div id="blok3"><h1>Titel</h1></div> kan dus ook prima <h1 id="blok3">Titel</h1> zijn, mits juiste CSS gebruikt wordt uiteraard.

Thanks voor de tip, maar omdat dit de eerste keer is met XHTML probeer ik het voor mezelf zo overzichtelijk mogelijk te houden

Het is bedoening, niet bedoeling

zondag 11 december 2011 02:34

Acties:

0 Henk 'm!

CH4OS

It's a kind of magic

Google

Het nut is dat we verder kijken en je ook daarmee willen helpen.

De validator had deze fout volgens mij ook wel op moeten merken, indien dat niet zo is kan dat of een bug zijn of het type attribute is niet per se nodig, dan had je het probleem dus ook niet gehad.

martijntjuhh schreef op zondag 11 december 2011 @ 02:34:
Thanks voor de tip, maar omdat dit de eerste keer is met XHTML probeer ik het voor mezelf zo overzichtelijk mogelijk te houden

Veel, wellicht onnodige, HTML gaat je er niet bij helpen iig.

Waarom eigenlijk xHTML? Omdat dat moet van de docent of zo, aangezien ik in de title tag "Website Informatica" lees.

[ Voor 52% gewijzigd door CH4OS op 11-12-2011 10:51 ]

zondag 11 december 2011 02:42

Acties:

0 Henk 'm!

8088

NaN

martijntjuhh schreef op zondag 11 december 2011 @ 02:32:
@8088

Oftopic: Wat is het nut van deze reactie? Ik heb toch geprobeerd om met firebug het probleem te verhelpen. Dus waarom overige tips negeren?

Lees het topic nog eens door. Je negeert een aantal opmerkingen. Behalve dat dat nogal onbeleefd is, is het ook niet slim. Of ben je hier alleen om je probleem te fixen huiswerk snel af te krijgen?

Als iemand een snelle korte oplossing heeft is dat toch iets makkelijker te proberen, dan de codes te controleren via w3c.

Oh, mijn vraag is geloof ik beantwoord.

Do you seek to engage in or have you ever engaged in terrorist activities, espionage, sabotage, or genocide?

zondag 11 december 2011 10:28

Acties:

0 Henk 'm!

kluyze

8088 schreef op zondag 11 december 2011 @ 02:00:
[...]

Allesbehalve overbodig dus

edit: oh, de waarde van type neemt 'ie kennelijk niet mee in z'n oordeel.

Ik bedoelde eigenlijk dat het overbodig was om als tip te melden. Maar dus inderdaad, de waarde van een attribute gaat hij niet controleren.

zondag 11 december 2011 12:58

Acties:

0 Henk 'm!

martijntjuhh

Topicstarter

CptChaos schreef op zondag 11 december 2011 @ 02:34:
Het nut is dat we verder kijken en je ook daarmee willen helpen. De validator had deze fout volgens mij ook wel op moeten merken, indien dat niet zo is kan dat of een bug zijn of het type attribute is niet per se nodig, dan had je het probleem dus ook niet gehad.
[...]
Veel, wellicht onnodige, HTML gaat je er niet bij helpen iig. Waarom eigenlijk xHTML? Omdat dat moet van de docent of zo, aangezien ik in de title tag "Website Informatica" lees.

Ja inderdaad, het is een praktische opdracht.

Het is bedoening, niet bedoeling

maandag 12 december 2011 11:00

Acties:

0 Henk 'm!

Bosmonster

*zucht*

Html
Css

Geen problemen waarbij de validator je niet kan helpen volgens mij..

Verder: gebruik geen 1.1, maar ga niet verder dan 1.0. De hele xhtml-standaard is al afgeschreven en als je dan toch xhtml moet gebruiken, gebruik dan ook een beetje werkbare versie. Er is vandaag de dag 0,0 reden om 1.1 te gebruiken.

Als laatste: laat de xml-declaratie weg, aangezien IE in z'n geheel geen xhtml ondersteunt. Die springt naar quirksmode als er iets voor de doctype staat.

[ Voor 51% gewijzigd door Bosmonster op 12-12-2011 11:04 ]

maandag 12 december 2011 14:25

Acties:

0 Henk 'm!

BtM909

Watch out Guys...

martijntjuhh schreef op zondag 11 december 2011 @ 02:32:
@8088

Oftopic: Wat is het nut van deze reactie? Ik heb toch geprobeerd om met firebug het probleem te verhelpen. Dus waarom overige tips negeren? Als iemand een snelle korte oplossing heeft is dat toch iets makkelijker te proberen, dan de codes te controleren via w3c.

En dat is nou net niet de bedoeling van GoT. Je zou toch zelf wat inzet moeten tonen en dus niet alleen hier je probleem dumpen en verwachten dat er snelle oplossingen worden gegeven

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

Pagina: 1

Reageer

Onderwerpen