Render problemen met IE6 (Mozilla en Opera werken wel)

[Verwijderd]

Ik heb de pagina http://www.australie-reis.nl/ gemaakt, en ben 2 reder probleempjes tegen gekomen met IE6. A

De plaatjes spreken opzich al voor zich.
MS IE6
Mozila 1.5
Opera7

1. In de pagina staat een iframe, met in IE een witte rand. Die witte rand kan ik via CSS2 wel groter maken. (padding-size: 5em) maar als ik 'm op 0 zet dan blijft hij bestaan.

2. Achter de navigatie knopjes zit een divje. In IE wordt deze groter dan dat ik het bedoeld had.

Doe ik iets fout? Iemand een work-around? Waar ligt het aan?

[crisp]

1. frameborder="0" toevoegen
2. zorgen dat IE strict rendert zodat hij ook het W3C-boxmodel hanteert net als Mozilla en Opera (let wel: IE5.5 en lager kent geen strict-mode)

[Verwijderd]

crisp schreef op 18 januari 2004 @ 21:35:
1. frameborder="0" toevoegen

HTML:

<iframe src="iframe.php?page=welcome" width="600" height="500" 
           scrolling="auto" frameborder="0" framespacing="0"></iframe>

2. zorgen dat IE strict rendert zodat hij ook het W3C-boxmodel hanteert net als Mozilla en Opera (let wel: IE5.5 en lager kent geen strict-mode)

Hoe krijg ik IE zo gek dat hij in strict modus gaat? Mozilla doet dat automagish.
Hoe kan ik zien of hij in strict modus staat?

[ Voor 28% gewijzigd door Verwijderd op 18-01-2004 21:38 ]

[crisp]

Verwijderd schreef op 18 januari 2004 @ 21:36:
[...]

HTML:

<iframe src="iframe.php?page=welcome" width="600" height="500" 
           scrolling="auto" frameborder="0" framespacing="0"></iframe>

en met css?

code:

style="border-width:0px;"

[...]

Hoe krijg ik IE zo gek dat hij in strict modus gaat? Mozilla doet dat automagish.
Hoe kan ik zien of hij in strict modus staat?

zorgen dat je een volledig DTD boven je pagina zet en dat hij verder valideerd

[CrashOne]

IE gaat alleen weer in quircksmode als je xml versie aan geeft.

Ik zie dat je verder alleen divjes gebruikt, ook bij je menu, er bestaan ook andere elementen voor (ul, li)
En als je toch php tot je beschikking hebt, waarom dan nog een iframe gebruiken, render de gehele pagina dynamisch.

[Verwijderd]

crisp schreef op 18 januari 2004 @ 21:57:

en met css?

code:

style="border-width:0px;"

In m'n default.css heb ik dit staan voor de iframe:

code:

iframe {
  position: absolute;
  left: 220px;
  width: 600px;
  top: 10px;
  height: 500px;
  background: transparent;
  border: solid #6666FF 3px;
}

De border is dus 3px breed, en is niet wit van kleur.

zorgen dat je een volledig DTD boven je pagina zet en dat hij verder valideerd

De pagina is op 1 klein dingetje na, valid xhtml. Dat ene dingetje is "framespacing". Hij heeft dus een DTD bovenaan.
[update]Nu is hij 100% Valid XHTML[/update]

[ Voor 6% gewijzigd door Verwijderd op 18-01-2004 23:11 ]

[crisp]

draai het eens om:

Cascading Stylesheet:

border: 3px solid #6666FF;

misschien heeft IE daar moeite mee...

[Verwijderd]

CrashOne schreef op 18 januari 2004 @ 22:08:
IE gaat alleen weer in quircksmode als je xml versie aan geeft.

Dat heb ik met een andere site is geprobeerd, maar werkte niet. Ik had dit aan 't begin van de pagina staan:

PHP:

header("Content-type: text/xml; charset=UTF-8;");

Mozilla ging 'm dan als xml parsen en IE deed 't ook goed totdat ik een argument mee gaf (b.v. index.php?page=contact)

Ik zie dat je verder alleen divjes gebruikt, ook bij je menu, er bestaan ook andere elementen voor (ul, li)

Klopt, maar veel verschil is er volgensmij niet. toch?

En als je toch php tot je beschikking hebt, waarom dan nog een iframe gebruiken, render de gehele pagina dynamisch.

Dat had ik gedaan zodat de totale pagina nooit hoger zou worden dan een x aantal pixels, en dan kan ik 'm makkelijk in een popup laten verschijnen.

[Verwijderd]

crisp schreef op 18 januari 2004 @ 23:06:
draai het eens om:

Cascading Stylesheet:

border: 3px solid #6666FF;

misschien heeft IE daar moeite mee...

Gedaan, maar geen resultaat.

[Dennis]

Verwijderd schreef op 18 januari 2004 @ 23:07:
Klopt, maar veel verschil is er volgensmij niet. toch?

Hmmm, een leuke uitspraak, omdat, dankzij CSS, een heleboel elementen dusdanig zijn aan te passen dat ze op elkaar lijken.

Waar het echter om gaat is de leesbaarheid van het document. HTML moet richting XML gaan rijken, en als ik een XML-document maak zoals deze:

code:

<bla>
  <bla>
    <bla>Meisje vermoord</bla>
    <bla>Linkje naar url</bla>
  </bla>
  <bla>
    <bla>Nieuwe citroen uitgevonden</bla>
    <bla>Linkje naar url</bla>
  </bla>
  <bla>
    <bla>Mensen naar mars!</bla>
    <bla>Linkje naar url</bla>
  </bla>
</bla>

dan zit er dus totaal geen structuur in en kun je er niet wijs uit worden. Daarom moet je dus het goede element gebruiken voor het goede doel.

code:

<newsfeed>
  <item>
    <headline>Meisje vermoord</headline>
    <url>Linkje naar url</url>
  </item>
  <item>
    <headline>Nieuwe citroen uitgevonden</headline>
    <url>Linkje naar url</url>
  </item>
  <item>
    <headline>Mensen naar mars!</headline>
    <url>Linkje naar url</url>
  </item>
</newsfeed>

Een ander nadeel is dat parsers niks met alléén maar divjes kunnen, en dat sites voor mensen met een handicap ook niet meer toegankelijk zijn omdat programma's die voor die mensen sites ontleden alles als één stuk tekst zien.

[Verwijderd]

ddc
Helemaal mee eens! Het volgende menu gebeuren wat ik zal maken zal niet met divjes zijn.

[crisp]

Verwijderd schreef op 19 januari 2004 @ 01:24:
ddc
Helemaal mee eens! Het volgende menu gebeuren wat ik zal maken zal niet met divjes zijn.

en dat is nou juist ook weer verkeerd; een div is een element wat je plakt op een doos waarvan je de inhoud niet weet te benoemen. Een menu kan je echter wel onderverdelen in items, en dus zou een list-structuur daarop veel beter van toepassing zijn

[Verwijderd]

Maar is dat rottige witte streepje nu mijn fout of de fout van IE?

[Verwijderd]

Ik heb 'm ff met IE5.5 bekeken, en tot mijn zeer grote verbazing renderd IE5.5 de pagina (bijna) perfect.

[KillR-B]

Voeg dit eens toe aan de style van je IFRAME

IFRAME {
overflow: auto; BORDER-RIGHT: 3px #6666ff ........
}

[Verwijderd]

KillR-B schreef op 25 januari 2004 @ 13:40:
Voeg dit eens toe aan de style van je IFRAME

IFRAME {
overflow: auto; BORDER-RIGHT: 3px #6666ff ........
}

Dat lijkt de oplossing te zijn! tnx!