[css, html] Probleem met het weergeven van site in IE

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Hoi!

Ik moet voor school een site maken. Ik heb hem volledig gemaakt met Smultron, een webeditor voor de Mac. Hij werkt normaal in Safari en Firefox, maar in IE heb ik problemen. Ik krijg de header namelijk niet boven de rest van het layout.

Ik heb nu al uren verspild aan het zoeken naar een oplossing, tevergeefs. Ik heb bijvoorbeeld clear: both proberen te gebruiken (normaal gebruikt voor de footer). Hij lijkt mij dat de positionering van de div's niet helemaal goed is (tenminste, niet goed genoeg voor IE).

Edit: wat ik trouwens ook nog heb geprobeerd is een 'tweede header' te maken, om daarin het navigatiemenu te zetten. Dit pakte helaas ook niet goed uit.

Mijn css code (omdat ik niet weet waar de fout precies kan zitten (het kan hem ook in de navigatie, het menu boven, zitten) plaats ik hem helemaal):

En mijn html code:
XHTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<?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>
<link rel="shortcut icon" href="afbeeldingen/favicon.ico"/>
<title>Dierenartsenpraktijk In De IJmond</title>
<link rel="stylesheet" href="stijlblad.css" type="text/css"/>
</head>

<body>
    <div id="container">
          <div id="header"></div>
          
          <div id="navigatie">  
                              <ul>  
                                    <li><a href="index.html">openingstijden</a></li>  
                                    <li><a href="infospoed.html">informatie &amp; spoed </a></li>  
                                    <li><a href="route.html">route</a></li>  
                             </ul>  
          
          </div>
          <div id="kolomlinks">
                      <ul id="menu"> 
                                    <li><a href="index.html">home</a></li> 
                                    <li><a href="contact.html">contact</a></li> 
                                    <li><a href="info.html">praktijk informatie</a></li> 
                                    <li><a href="nieuws.html">laatste nieuws</a></li>
                                    <li><a href="painfo.html">patiënten informatie</a></li>
                                    <li><a href="links.html">links</a></li> 
                      </ul>
                      <a href="rondleiding.html"><img src="afbeeldingen/praktijk.jpg" alt="rondleiding" border="0"/></a>
                      <a href="hetteam.html"><img src="afbeeldingen/hetteam.jpg" alt="het team" border="0"/></a>
          </div>
          <div id="kolomrechts">
                         <img src="afbeeldingen/konijn.jpg" alt="konijn"/>
          <div id="spotlight">In de spotlight:</div>
                         <a href="nieuws.html"><img src="afbeeldingen/logo_mvdg.jpg" alt="Maand van de gebitscontrole" border="0"/></a>               
          </div>
          <div id="content"><h1>Welkom op de website van</h1>
          <div id="adresaanduiding">Dierenartsenpraktijk "In de IJmond" Cederstraat 54, 1971 KD IJmuiden<br/> 0255 - 511236
          </div>
Wij hopen u door deze site nog beter van dienst te kunnen zijn!
Als u nog niet eerder onze praktijk heeft bezocht, hopen wij u binnenkort te mogen verwelkomen.
Ons team staat voor u en uw huisdier klaar! 
                    <div id="floatafbeelding"> 
                                    <img src="afbeeldingen/huis.jpg" alt="De praktijk"/>
                    </div >

<h2>Openingstijden</h2>
Onze praktijk is op werkdagen telefonisch bereikbaar van 8.30 tot 12.30 uur en van 13.00 tot 17.00 uur. 
Daarnaast kunt u ons op maandag- en woensdagavond ook tussen 18.00 en 18.30 uur bereiken.
Wij werken uitsluitend op afspraak, dit om lange wachttijden te voorkomen.
De afspraken zijn dagelijks tussen 13.00 en 17.00 uur, en op maandag-, en woensdagavond tussen 18.00 en 19.00 uur. Ook is het mogelijk om op dinsdag of donderdagochtend een afspraak te maken.</div>
          <div id="footer">
                                   <div class="footertekst">Dierenartsenpraktijk "In De IJmond"        Cederstraat 54        1971 KP IJmuiden       tel: 0255 511 236  <br/>&copy; 2009</div>
          </div>
    </div>
</body>
</html>


Ik hoop dat er iemand met de oplossing kan komen. Het gaat waarschijnlijk maar om een regeltje code...

PS. Indien gewenst kan ik ook een plaatje uploaden.

[ Voor 40% gewijzigd door Japsuh op 18-02-2009 11:08 . Reden: CSS weg, verbeterde HTML ]


Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
RobIII schreef op dinsdag 17 februari 2009 @ 19:57:
Post dan enkel relevante(!!) code.
Als je nou eens even de moeite neemt om de hele zut uit te kleden tot een test-case. Dat helpt jouzelf bij het vinden van je probleem en anders hoeven wij niet door een enorme berg code heen te spitten... En wat je hier post is toch écht (veel) meer dan relevante code/css/html.

Verder: je XHTML is verre van valid:
Errors found while checking this document as XHTML 1.1!
Result: 39 Errors, 3 warning(s)
En daarbij is het fijn als je je code een beetje netjes indent.

[ Voor 69% gewijzigd door RobIII op 17-02-2009 22:42 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Acties:
  • 0 Henk 'm!

  • DeluxZ
  • Registratie: Augustus 2003
  • Laatst online: 15-09 11:49

DeluxZ

Livin' the good life

<div id="container">
<div id="header"></div>

of is dit gewoon een typfout ?

]|[ Apple Macbook Pro Retina 13" ]|[


Acties:
  • 0 Henk 'm!

  • Pkunk
  • Registratie: December 2003
  • Laatst online: 11-09 17:52
Je header div tag sluit niet goed af.
Verdraaid! Spuit 11 geeft ook modder O-)

[ Voor 36% gewijzigd door Pkunk op 17-02-2009 22:42 ]

Hallo met Tim


Acties:
  • 0 Henk 'm!

  • RetroTycoon
  • Registratie: Juli 2008
  • Laatst online: 14:47
Zou je ook codetags voor html/css kunnen gebruiken? Dat kijkt makkelijker ;)

Acties:
  • 0 Henk 'm!

  • tj.willems
  • Registratie: Maart 2008
  • Laatst online: 29-08-2023
Je header div tag klopt inderdaad niet...

je hebt nu : <div id="header"</div>
moet zijn: <div id="header"></div>

'Just a designerd'


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Zo'n simpel typefoutje, dom! Hartstikke bedankt!

@RobIII: ik snap die fouten niet helemaal. Hij geeft inderdaad die fouten op de w3c site aan, alleen moet ik nou zo'n > weghalen of toevoegen als hij roodgedrukt staat? Volgens mij klopt het namelijk gewoon en heb ik er geen aandacht meer aan besteed 8)7

[ Voor 72% gewijzigd door Japsuh op 17-02-2009 22:47 ]


Acties:
  • 0 Henk 'm!

  • RobIII
  • Registratie: December 2001
  • Niet online

RobIII

Admin Devschuur®

^ Romeinse Ⅲ ja!

(overleden)
Japsuh schreef op dinsdag 17 februari 2009 @ 22:45:
alleen moet ik nou zo'n > weghalen of toevoegen als hij roodgedrukt staat?
Dat is toch écht basisstof.

HTML: <hr>
XHTML: <hr /> or <hr></hr>

HTML: <link rel="bla"...>
XHTML: <link rel="bla"... /> of <link rel="bla"... ></link>

Het staat er notabene onder:

Afbeeldingslocatie: http://tweakers.net/ext/f/Ov0IuTsg26e3lcBHDbaxHKIH/full.png

[ Voor 58% gewijzigd door RobIII op 17-02-2009 22:55 ]

There are only two hard problems in distributed systems: 2. Exactly-once delivery 1. Guaranteed order of messages 2. Exactly-once delivery.

Je eigen tweaker.me redirect

Over mij


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Sorry, ik haal HTML en XHTML nog wel eens door elkaar. In ieder geval bedankt voor je hulp. Ik snapte die tekst eronder niet echt. Trouwens, dat stukje dat jij laat zien heb ik notabene nog uit het 'digitale schoolboek' gekopieerd. Boek is dus ook niet accuraat.

Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Waarom gebruik je XHTML als je niet eens weet wat het doet en hoe je het moet gebruiken? Ik wed dat je niet eens de goeie content-type header meestuurt bij het serveren van je XHTML waardoor het ook nog eens gewoon als HTML weergegeven wordt. ;)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Tja, dat moet. Het is voor school. Ik ga hem nog wel eens helemaal nakijken.

Acties:
  • 0 Henk 'm!

  • Sebazzz
  • Registratie: September 2006
  • Laatst online: 18:21

Sebazzz

3dp

Vreemde school. Misschien toch eens overleggen met je docent, want IE opent geen *.xhtml bestanden. HTML 4.01 Strict is daarom het beste totdat IE HTML5 of XHTML gaat ondersteunen.

[Te koop: 3D printers] [Website] Agile tools: [Return: retrospectives] [Pokertime: planning poker]


Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Sebazzz schreef op woensdag 18 februari 2009 @ 10:27:
Vreemde school. Misschien toch eens overleggen met je docent, want IE opent geen *.xhtml bestanden. HTML 4.01 Strict is daarom het beste totdat IE HTML5 of XHTML gaat ondersteunen.
Ik zou even uitzoeken wat je zegt en waarom, want ik heb hier een klok-klepel gevoel bij. ;)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
IE ondersteund toch gewoon XHTML? Ik sla het bestand trouwens gewoon op als *.html. Is dat dan fout?

Ik heb trouwens bijna alle fouten eruit gehaald, het enige wat nog fout is is Line 32, Column 106: there is no attribute "border". Dit kan ik volgens mij niet verhelpen.

Edit: verbeterde HTML bovenaan gezet.

[ Voor 52% gewijzigd door Japsuh op 18-02-2009 11:12 ]


Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Japsuh schreef op woensdag 18 februari 2009 @ 10:58:
IE ondersteund toch gewoon XHTML? Ik sla het bestand trouwens gewoon op als *.html. Is dat dan fout?
Ja en nee. IE6 en lager kennen geen XHTML en renderen XHTML dus alsof het HTML is. Normaal stuurt een webserver het content-type text/html uit wanneer het een HTML-bestand serveert. Bij XHTML "moet" dat application/xhtml+xml zijn, maar daar gaan oudere browsers dus van over hun nek. De oplossing daarvoor zou zijn het doctype op XHTML transitional in te stellen en vervolgens text/html te blijven gebruiken als content-type header, maar het nut daarvan is wat mij betreft een beetje dubieus; je kan dan net zo goed gewoon HTML 4 gebruiken omdat je toch geen van de echte voordelen van XHTML kan benutten.
Ik heb trouwens bijna alle fouten eruit gehaald, het enige wat nog fout is is Line 32, Column 106: there is no attribute "border". Dit kan ik volgens mij niet verhelpen.

Edit: verbeterde HTML bovenaan gezet.
Tsja, XHTML strict is er niet zo blij mee dat je opmaak in je HTML probeert te verwerken. CSS heeft ook een border-property voor images, en dáár wil je die property dan ook instellen, niet in je HTML. :)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

NMe schreef op woensdag 18 februari 2009 @ 11:38:
[...]

Ja en nee. IE6 en lager kennen geen XHTML en renderen XHTML dus alsof het HTML is. Normaal stuurt een webserver het content-type text/html uit wanneer het een HTML-bestand serveert. Bij XHTML "moet" dat application/xhtml+xml zijn, maar daar gaan oudere browsers dus van over hun nek. De oplossing daarvoor zou zijn het doctype op XHTML transitional in te stellen en vervolgens text/html te blijven gebruiken als content-type header, maar het nut daarvan is wat mij betreft een beetje dubieus; je kan dan net zo goed gewoon HTML 4 gebruiken omdat je toch geen van de echte voordelen van XHTML kan benutten.
IE7 en 8 ondersteunen net zo min XHTML als XHTML ;)

transitional doctype of strict maakt ook geen bal uit overigens mbt rendering, da's puur voor validatie. De norm is strict voor nieuwe documenten want zoals je hieronder al aangeeft hoort presentatie in CSS en niet in markup (en dat geldt voor zowel HTML Strict als XHTML Strict) :)
[...]

Tsja, XHTML strict is er niet zo blij mee dat je opmaak in je HTML probeert te verwerken. CSS heeft ook een border-property voor images, en dáár wil je die property dan ook instellen, niet in je HTML. :)

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

crisp schreef op woensdag 18 februari 2009 @ 11:41:
[...]

IE7 en 8 ondersteunen net zo min XHTML als XHTML ;)
Dat wist ik niet (zeker) dus daar durfde ik dan weer geen uitspraak over te doen. :Y)
transitional doctype of strict maakt ook geen bal uit overigens mbt rendering, da's puur voor validatie. De norm is strict voor nieuwe documenten want zoals je hieronder al aangeeft hoort presentatie in CSS en niet in markup (en dat geldt voor zowel HTML Strict als XHTML Strict) :)
Uiteraard, maar mijn punt is vooral dat je dan geen XHTML aan het gebruiken bent omdat je het nodig hebt, maar omdat het hip is. Ik wed dat het overgrote deel van de mensen die XHTML gebruiken het niet nodig hebben, en het overgrote deel daar weer van er niet van op de hoogte is wat ze nu eigenlijk precies aan het doen zijn en waarom. :)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
NMe schreef op woensdag 18 februari 2009 @ 11:54:
Uiteraard, maar mijn punt is vooral dat je dan geen XHTML aan het gebruiken bent omdat je het nodig hebt, maar omdat het hip is. Ik wed dat het overgrote deel van de mensen die XHTML gebruiken het niet nodig hebben, en het overgrote deel daar weer van er niet van op de hoogte is wat ze nu eigenlijk precies aan het doen zijn en waarom. :)
Eigenlijk klopt dat bij mij wel. Ik weet nou niet echt wat het voordeel is van XHTML tov HTML. Maar ja, de opdracht is 'Maak een website in XHTML voor een zelf te kiezen bedrijf of organisatie. Het hoeft geen bestaande organisatie of bedrijf te zijn.'

Ik moet dus wel. Vreemd dan dat ondanks dat IE geen XHTML ondersteund, we toch een website in XHTML moeten maken.

De benodigde hulpmiddelen: Kladblok, de internet explorer, irfan-view, internet en eventueel photoshop elements (of een ander fotobewerkingsprogramma).

Staat ook nog in de opdracht. Ze zijn op school nogal 'Microsoft-minded' en houden geen rekening met Apple gebruikers. Ik kon hem dus niet eens testen in IE. Vreemd trouwens dat ze het niet hebben over een browser, maar over 'de Internet Explorer'.

Ik ga die border dan wel in de css zetten.

Acties:
  • 0 Henk 'm!

  • jbdeiman
  • Registratie: September 2008
  • Laatst online: 18:09
Japsuh schreef op woensdag 18 februari 2009 @ 12:01:
[...]


Eigenlijk klopt dat bij mij wel. Ik weet nou niet echt wat het voordeel is van XHTML tov HTML. Maar ja, de opdracht is 'Maak een website in XHTML voor een zelf te kiezen bedrijf of organisatie. Het hoeft geen bestaande organisatie of bedrijf te zijn.'

Ik moet dus wel. Vreemd dan dat ondanks dat IE geen XHTML ondersteund, we toch een website in XHTML moeten maken.

Staat ook nog in de opdracht. Ze zijn op school nogal 'Microsoft-minded' en houden geen rekening met Apple gebruikers. Ik kon hem dus niet eens testen in IE. Vreemd trouwens dat ze het niet hebben over een browser, maar over 'de Internet Explorer'.
Ik vind het niet raar dat je de website in XHTML moet maken/ typen / bewerken. Je moet alleen niet MIME type application/xhtml+xml gebruiken, maar MIME type text/html. (zie ook: http://www.webrichtlijnen...n/xhtml1-0/ondersteuning/)

Een goede reden om leerlingen met XHTML aan de slag te laten gaan is voor het valideren van de code. Je Móet CSS gebruiken en de tags in de juiste volgorde openen en sluiten. Eigenlijk leer je meteen hoe je HTML en CSS zou moeten gebruiken. De logica is in XHTML dan ook veel groter dan in HTML, waar je nog allerlei tags door elkaar kon gebruiken en inline border property's opgaf. Door met XHTML en CSS te werken, is het veel eenvoudiger om door 1 klein dingetje (vaak in de css :P) aan te passen alle dezelfde tags in 1 keer te bewerken. Eerder moest je voor de opmaak alle alinea's (dat zijn de <p> tags en dit is slechts een voorbeeld) aanpassen, zodat ze weer allemaal goed opgemaakt waren.

Daarom kan ik mij goed voorstellen dat je met XHTML moet werken, omdat je het wel meteen op de goede manier moet doen. Ik denk ook dat dat de hoofdreden is waarom veel mensen overstappen op XHTML, omdat het gewoon allemaal wat stricter is en er dus minder ruimte is voor kleine foutjes in de code. Dus niet "omdat het gewoon modern is". (hier heb ik het dan wel over mensen die echt veel met het internet werken, de gemiddelde hobbyist, die ik overigens niet over 1 kan wil scheren, zal het niet veel uitmaken of de code ook goed is. Als het maar werkt)

Dat ze het hebben over 'de internet explorer' is wel heel erg, neem eens een laptop mee met Opera, Safari, Chrome, Firefox en IE erop en begin er dan eens over dat het allemaal browsers zijn. Dat IE maar 1 van de vele is, even de docent op zijn plekkie zetten. Persoonlijk vind ik zoiets ook altijd mogen, docenten zijn ook maar mensen, en als ze iets bij kunnen leren of kunnen verbeteren dankzij een tip van een ander, dan moeten ze die tip kunnen accepteren.

Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Stiekem gebeurt op jouw school waarschijnlijk hetzelfde als op bijna elke andere school: informatica wordt vaak gegeven door mensen die het in het bedrijfsleven niet hebben gered en daarom maar les zijn gaan geven, omdat er daar wél vraag naar mensen is. Dan krijg je rare taferelen als leraren informatica die denken dat Internet Explorer de enige browser is, of erger nog, dat Internet Explorer gelijk is aan "het internet". Het feit dat ze Kladblok aanraden en niet een fatsoenlijke editor zoals TextPad, Notepad++, enz. is ook tekenend. :)
jbdeiman schreef op woensdag 18 februari 2009 @ 12:21:
[...]

Ik vind het niet raar dat je de website in XHTML moet maken/ typen / bewerken. Je moet alleen niet MIME type application/xhtml+xml gebruiken, maar MIME type text/html. (zie ook: http://www.webrichtlijnen...n/xhtml1-0/ondersteuning/)
Daar staat hetzelfde genoemd wat hier in deze discussie ook al is samengevat, inclusief wat dat betekent. ;)
Een goede reden om leerlingen met XHTML aan de slag te laten gaan is voor het valideren van de code. Je Móet CSS gebruiken en de tags in de juiste volgorde openen en sluiten.
Daar krijg je bij HTML 4.01 strict ook al meldingen voor in de validator hoor. :)

[ Voor 41% gewijzigd door NMe op 18-02-2009 12:27 ]

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

jbdeiman schreef op woensdag 18 februari 2009 @ 12:21:
[...]

Een goede reden om leerlingen met XHTML aan de slag te laten gaan is voor het valideren van de code. Je Móet CSS gebruiken en de tags in de juiste volgorde openen en sluiten. Eigenlijk leer je meteen hoe je HTML en CSS zou moeten gebruiken. De logica is in XHTML dan ook veel groter dan in HTML, waar je nog allerlei tags door elkaar kon gebruiken en inline border property's opgaf. Door met XHTML en CSS te werken, is het veel eenvoudiger om door 1 klein dingetje (vaak in de css :P) aan te passen alle dezelfde tags in 1 keer te bewerken. Eerder moest je voor de opmaak alle alinea's (dat zijn de <p> tags en dit is slechts een voorbeeld) aanpassen, zodat ze weer allemaal goed opgemaakt waren.
Hetgeen je hier schets geldt net zo goed voor HTML (Strict) als voor XHTML (Strict).

XHTML is niet 'stricter' dan HTML; XHTML is enkel de XML-serialisatie van HTML - niets meer en niets minder...

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • mcDavid
  • Registratie: April 2008
  • Laatst online: 22-09 20:16
jbdeiman schreef op woensdag 18 februari 2009 @ 12:21:
[...]

Dat ze het hebben over 'de internet explorer' is wel heel erg, neem eens een laptop mee met Opera, Safari, Chrome, Firefox en IE erop en begin er dan eens over dat het allemaal browsers zijn. Dat IE maar 1 van de vele is, even de docent op zijn plekkie zetten. Persoonlijk vind ik zoiets ook altijd mogen, docenten zijn ook maar mensen, en als ze iets bij kunnen leren of kunnen verbeteren dankzij een tip van een ander, dan moeten ze die tip kunnen accepteren.
Je kunt ze zelfs op een usb-stick installeren en zo op iedere computer draaien!

En zet in één van die browsers gelijk deze link open: Wikipedia: Usage share of web browsers

Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Vergeef het me, maar moet ik MIME type application/xhtml+xml erboven zetten? Of juist MIME type text/html? Of helemaal niets (zoals nu). Ik begrijp wat het doet en waarom, maar moet ik het er echt in zetten? En hoe moet ik het erin zetten als het moet?

(veel vragen ik weet het, maar ik kon het niet duidelijk vinden)

Acties:
  • 0 Henk 'm!

Verwijderd

edit:
spuit 111

[ Voor 96% gewijzigd door Verwijderd op 18-02-2009 12:43 ]


Acties:
  • 0 Henk 'm!

  • jbdeiman
  • Registratie: September 2008
  • Laatst online: 18:09
Japsuh schreef op woensdag 18 februari 2009 @ 12:38:
Vergeef het me, maar moet ik MIME type application/xhtml+xml erboven zetten? Of juist MIME type text/html? Of helemaal niets (zoals nu). Ik begrijp wat het doet en waarom, maar moet ik het er echt in zetten? En hoe moet ik het erin zetten als het moet?

(veel vragen ik weet het, maar ik kon het niet duidelijk vinden)
Om het te kunnen valideren moet je MIME type text/html erin zetten. Het type application/xhtml+xml wordt NIET door IE ondersteund. Met type text/html kan de browser het wel weergeven.
crisp schreef op woensdag 18 februari 2009 @ 12:30:
[...]

Hetgeen je hier schets geldt net zo goed voor HTML (Strict) als voor XHTML (Strict).

XHTML is niet 'stricter' dan HTML; XHTML is enkel de XML-serialisatie van HTML - niets meer en niets minder...
-> Het geen wat stricter is aan XHTML en dat gaf ik volgens mij ook wel aan, is dat je met CSS moet werken, de "border" property en dergelijke zijn niet meer toegestaan in XHTML en voor zover mijn kennis gaat nog wel in HTML. Ook het afsluiten van <br> door <br /> (dus wel elke tag af moeten sluiten) zat niet in HTML strict. Simpel gezegd leer je het nu zo op te bouwen, dat je er in de toekomst mee zult kunnen blijven werken.

Acties:
  • 0 Henk 'm!

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

jbdeiman schreef op woensdag 18 februari 2009 @ 12:46:
[...]
-> Het geen wat stricter is aan XHTML en dat gaf ik volgens mij ook wel aan, is dat je met CSS moet werken, de "border" property en dergelijke zijn niet meer toegestaan in XHTML en voor zover mijn kennis gaat nog wel in HTML.
Nee, dergelijke presentationele attributen zijn ook in HTML4.01 Strict niet toegestaan.
Ook het afsluiten van <br> door <br /> (dus wel elke tag af moeten sluiten) zat niet in HTML strict. Simpel gezegd leer je het nu zo op te bouwen, dat je er in de toekomst mee zult kunnen blijven werken.
Dat is een syntax-requirement voor XML en dus niet per definitie stricter. Sommige mensen zweren erbij dat het 'logischer' is, maar daar ben ik het niet zo mee eens want dan zou <script /> ook logischer zijn en dat gaat toch echt niet werken zolang je XHTML als text/html serveert ;)

Intentionally left blank


Acties:
  • 0 Henk 'm!

  • mcDavid
  • Registratie: April 2008
  • Laatst online: 22-09 20:16
jbdeiman schreef op woensdag 18 februari 2009 @ 12:46:

[...]

-> Het geen wat stricter is aan XHTML en dat gaf ik volgens mij ook wel aan, is dat je met CSS moet werken, de "border" property en dergelijke zijn niet meer toegestaan in XHTML en voor zover mijn kennis gaat nog wel in HTML. Ook het afsluiten van <br> door <br /> (dus wel elke tag af moeten sluiten) zat niet in HTML strict. Simpel gezegd leer je het nu zo op te bouwen, dat je er in de toekomst mee zult kunnen blijven werken.
Volgens mij heb je het niet helemaal begrepen.

Zowel XHTML en HTML dwingen je absoluut niet om met css te werken. Dat doet een Strict doctype.

XHTML dwingt je wél alle tags correct af te sluiten. Maar <br> is hier een slecht voorbeeld van, gezien deze tag geen sluittag heeft. <p> is een beter voorbeeld, deze tag hoeft in HTML niet verplicht afgesloten te worden, waardoor je documenten een rare structuur krijgen. Maar als je het wel doet, boeit het eigenlijk niets of je nu XHTML of HTML gebruikt. Tenzij je van plan bent het ontwerp te gebruiken in een XML-toepassing...

Acties:
  • 0 Henk 'm!

  • tonyisgaaf
  • Registratie: November 2000
  • Niet online
Japsuh schreef op woensdag 18 februari 2009 @ 12:38:
Vergeef het me, maar moet ik MIME type application/xhtml+xml erboven zetten? Of juist MIME type text/html? Of helemaal niets (zoals nu). Ik begrijp wat het doet en waarom, maar moet ik het er echt in zetten? En hoe moet ik het erin zetten als het moet?

(veel vragen ik weet het, maar ik kon het niet duidelijk vinden)
Laat de xml declaratie weg, daarover gaat IE direct op zijn bek. Dit "op zijn bek gaan" vertaald zich naar het anders hanteren van het render(/box-)model. Deze pagina is daarvoor een goede uitleg: Activating Browser Modes with Doctype.
Op deze zelfde pagina kun je zien dat je verschillende doctypes kunt gebruiken. Begin een (X)HTML pagina dus met een doctype. De doctype die je zelf gebruikt is prima.

Je voordeel in dit geval is dát je XHTML gebruikt: je kunt het heel strict valideren. Dit betekent niet dat je zinnige code schrijft, maar dat de code geen "spelfouten" bevat. Da's in ieder geval weer 1 zorg minder :P

Verder lijkt het er sterk op dat je <img> gebruikt om een achtergrond afbeelding te plaatsen. Verdiep je even in de mogelijkheden van CSS een achtergrondkleur/-afbeelding te gebruiken en te positioneren.

Daarnaast zou je de afbeeldingen die je gebruikt voor bepaalde menu-items (links) ook als achtergrond van de link kunnen definiëren. In dat geval kun je op de a:hover een andere state van de afbeelding tonen => goede feedback dat het een actief element op de pagina is. Mocht je dan voor de afbeelding ook nog eens een sprite gebruiken, dan ben je wat mij betreft helemaal het mannetje! ;)
Op deze manier afbeeldingen gebruiken in een menu betreft wel persoonlijke voorkeur, daarover zijn nog wel eens verhitte discussies geweest hier op GoT.

NL Weerradar widget Euro Stocks widget Brandstofprijzen widget voor 's Dashboard


Acties:
  • 0 Henk 'm!

  • jbdeiman
  • Registratie: September 2008
  • Laatst online: 18:09
crisp schreef op woensdag 18 februari 2009 @ 12:59:
[...]

Nee, dergelijke presentationele attributen zijn ook in HTML4.01 Strict niet toegestaan.

[...]

Dat is een syntax-requirement voor XML en dus niet per definitie stricter. Sommige mensen zweren erbij dat het 'logischer' is, maar daar ben ik het niet zo mee eens want dan zou <script /> ook logischer zijn en dat gaat toch echt niet werken zolang je XHTML als text/html serveert ;)
Dat is dan een gebrek in mijn kennis daarvan, of ik gebruikte eerder nooit de strict variant van HTML. Dat komt misschien ook omdat ik in html 3 nog was begonnen.

Voor wat betreft de script tag bedoel je denk ik, zoals het hoort, wanneer je een .js bestand als src opgeeft? Ik kan wel begrijpen dat dat niet zo werkt, je kan immers nog steeds script tussen de tags in je head plaatsen. Misschien dat je de tag op beide manieren moet kunnen sluiten, het zou dan denk ik wel logischer zijn.

[ Voor 3% gewijzigd door jbdeiman op 18-02-2009 13:08 ]


Acties:
  • 0 Henk 'm!

  • mcDavid
  • Registratie: April 2008
  • Laatst online: 22-09 20:16
Overigens is het volgens mij zo, dat IE6 struikelt over de eerste regel:
HTML:
1
<?xml version="1.0" encoding="UTF-8"?>

en daardoor in quirksmode gaat renderen...

Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

Japsuh schreef op woensdag 18 februari 2009 @ 12:38:
Vergeef het me, maar moet ik MIME type application/xhtml+xml erboven zetten? Of juist MIME type text/html? Of helemaal niets (zoals nu). Ik begrijp wat het doet en waarom, maar moet ik het er echt in zetten? En hoe moet ik het erin zetten als het moet?

(veel vragen ik weet het, maar ik kon het niet duidelijk vinden)
Officieel en in een perfecte wereld waarin elke browser volledige XHTML-ondersteuning heeft: application/xhtml+xml. In de realiteit waarin we leven heb je echter meer aan text/html aangezien IE dat ook gewoon kan verwerken. Daarmee boet je wel in voor wat het nut van XHTML boven HTML betreft, maar het zij zo.

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Ja, ik begrijp het verhaal. Ik heb IE nooit goed gevonden. Het is traag en het werkt gewoon niet lekker.

Ik heb nog een klein probleempje. Afbeeldingslocatie: http://www.plaatjesupload.nl/bekijk/2009/02/18/1234964295-340.jpg

Hoe krijg ik de div's van de menu's helemaal beneden? Ik heb ze al op hoogte 100% gezet maar dat mocht niet baten. Ook de position codes werken niet. De tekst gaat er nu onderdoor en dat is vervelend.

PS. Dit is trouwens ook in Safari en Firefox. Dit is IE6 gedraaid dmv CrossOver.

Acties:
  • 0 Henk 'm!

  • MueR
  • Registratie: Januari 2004
  • Laatst online: 19:56

MueR

Admin Tweakers Discord

is niet lief

Dit zal je met faux columns moeten doen.

Anyone who gets in between me and my morning coffee should be insecure.


Acties:
  • 0 Henk 'm!

  • NMe
  • Registratie: Februari 2004
  • Laatst online: 09-09 13:58

NMe

Quia Ego Sic Dico.

MueR schreef op woensdag 18 februari 2009 @ 15:11:
Dit zal je met faux columns moeten doen.
...zoals je ook had kunnen vinden door bijvoorbeeld te zoeken op hoogte kolommen. ;)

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Daar is dus geen nette oplossing voor? Oké, dan doe ik het niet. Ik heb er geen last van, het stond alleen netter dacht ik.

@NMe: je moet niet denken dat ik geen moeite heb gedaan. Ik gebruik gewoon de verkeerde zoekwoorden.

Edit: Is er misschien een andere manier om ervoor te zorgen dat de tekst van de middelste kolom in het midden blijft?

[ Voor 51% gewijzigd door Japsuh op 18-02-2009 16:08 ]


Acties:
  • 0 Henk 'm!

  • Pkunk
  • Registratie: December 2003
  • Laatst online: 11-09 17:52
Japsuh schreef op woensdag 18 februari 2009 @ 15:28:
Daar is dus geen nette oplossing voor? Oké, dan doe ik het niet. Ik heb er geen last van, het stond alleen netter dacht ik.

@NMe: je moet niet denken dat ik geen moeite heb gedaan. Ik gebruik gewoon de verkeerde zoekwoorden.

Edit: Is er misschien een andere manier om ervoor te zorgen dat de tekst van de middelste kolom in het midden blijft?
Een hoop. Maar probeer om te beginnen eens een padding links en rechts te geven.

Hallo met Tim


Acties:
  • 0 Henk 'm!

  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Ik heb daarnet zowat de hele code opnieuw geschreven (nou ja, alleen het boxmodel). Alles werkt nu, op alle browsers (ondanks dat er voor IE heel wat hacks nodig zijn). Tenminste, de browser van 'nu' en IE6. Bedankt iedereen!

[ Voor 86% gewijzigd door Japsuh op 18-02-2009 18:19 ]


  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
En daar ben ik (helaas) weer. Dit gaat het over iets heel anders.

Ik probeer een lijst te maken met interne links. De lijst wordt goed weergegeven in FF, maar in IE geeft het weer problemen. IE pakt namelijk voor de links de standaard stijl (van de gewone tekst), terwijl de lijst een totaal andere stijl heeft. Ik heb twee dingen geprobeerd:
- De lijst een aparte id/class gegeven. Dit negeert IE gewoon.
- De lijst met CSS zoals hieronder. Dus de hele tekst gewoon de standaard stijl behalve de lijsten.

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
.tekst ul li {
list-style-type: none;  
text-decoration: none;
font-weight: bold;
}

.tekst ul li a {
text-decoration: none;
color: red;
}   


XHTML:
1
2
3
4
5
6
7
8
9
<ul>  
                         <li><a href="#">Entree</a></li>
                         <li><a href="#">Wachtkamer</a></li>  
                         <li><a href="#">Balie</a></li>   
                         <li><a href="#">Spreekkamer</a></li>  
                         <li><a href="#">Operatiekamer</a></li>
                         <li><a href="#">Opnameruimte</a></li>  
                         <li><a href="#">Rontgenruimte</a></li>    
</ul>


Kan iemand hiermee helpen?

  • Da Weef
  • Registratie: Januari 2004
  • Laatst online: 15-09 09:16
- De lijst een aparte id/class gegeven. Dit negeert IE gewoon.
Euhhhh hoezo? Dit zou niet het geval moeten zijn

Volgens mij moet dit gewoon werken hoor:

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
.tekst li {
list-style-type: none;    
text-decoration: none;
font-weight: bold;
}

.tekst li a {
text-decoration: none;
color: red;
}

HTML:
1
2
3
4
5
6
7
8
9
<ul class="tekst"> 
         <li><a href="#">Entree</a></li>
         <li><a href="#">Wachtkamer</a></li>  
         <li><a href="#">Balie</a></li>   
         <li><a href="#">Spreekkamer</a></li>  
         <li><a href="#">Operatiekamer</a></li>
         <li><a href="#">Opnameruimte</a></li>  
         <li><a href="#">Rontgenruimte</a></li>    
</ul>

.


  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Dat had ik dus al geprobeerd. De links blijven gewoon hun normale stijl, zoals in de teksten. FF doet het wel gewoon, IE (6) niet. IE ziet hem gedeeltelijk. Hij haalt wel de bolletjes weg, maar aan de tekststijl veranderd niets.

  • Da Weef
  • Registratie: Januari 2004
  • Laatst online: 15-09 09:16
Dan heb je ergens een fout zitten of overrule je de stijl in de css. Zonder verder info of uitgeklede testcase komen we in ieder geval niet verder.

.


  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Dit zijn de eigenschappen van een gewone link. Wanneer ik hier de kleur van weghaal, pakt hij wel de kleur die ik bij de .tekst heb ingesteld. Volgens mij zit hier geen fout in... Het lijkt mij eerlijk gezegd logisch dat hij dan als alternatief de tekstkleur van .tekst neemt. Maar hij moet natuurlijk als eerste keus de .tekst pakken.

Cascading Stylesheet:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
a:link {
color: #606060;
text-decoration: underline;
}

a:visited {
color: #606060;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #606060;
text-decoration: underline;
}

a:active {
color: #606060;
text-decoration: underline;
}

  • Pkunk
  • Registratie: December 2003
  • Laatst online: 11-09 17:52
moet je niet tegen de ul i.p.v. je li zeggen dat je geen list style moet hebben?
overigens:
Cascading Stylesheet:
1
2
3
4
5
6
7
8
a {
color: #606060;
text-decoration: underline;
}

a:visited {
weight: bold;
}

is wat korter :)

Hallo met Tim


  • Japsuh
  • Registratie: Januari 2009
  • Laatst online: 07:32
Geprobeerd, en helaas. Hij werkt dan zelfs niet meer in Firefox.

  • mcDavid
  • Registratie: April 2008
  • Laatst online: 22-09 20:16
behalve dat het "font-weight" moet zijn ipv "weight" zou dat gewoon moeten werken!

Acties:
  • 0 Henk 'm!

  • Da Weef
  • Registratie: Januari 2004
  • Laatst online: 15-09 09:16
Timlog schreef op donderdag 19 februari 2009 @ 19:31:
moet je niet tegen de ul i.p.v. je li zeggen dat je geen list style moet hebben?
Dat moet niet echt uitmaken, maar het is wel netter.

Overigens is met de onderstaande suggestie van Timlog ook je probleem opgelost.
Cascading Stylesheet:
1
2
3
4
5
6
7
8
a {
color: #606060;
text-decoration: underline;
}

a:visited {
font-weight: bold;
}


Je definieert nu standaard een (tekst)kleur voor visited, active en hovered links. Aangezien je dit NIET doet voor links binnen de klasse tekst, is het mogelijk dat voor bijv. visited links de stijl wordt overruled (in IE6).

Kortom, vermijdt nodige dubbele declaraties. Mocht je visited links wel bewust een andere kleur willen geven, dan moet je in het vervolg deze ook meedeclareren:
Cascading Stylesheet:
1
2
3
4
ul.tekst li a, ul.tekst li a:visited  {
text-decoration: none;
color:red;
}

.

Pagina: 1