Toon posts:

css layer positionering: waarom doet IE het ***** niet goed?

Pagina: 1
Acties:

Verwijderd

Topicstarter
Deze site http://www.miekhelpt.nl/test/index.html is in de volgende browsers correct getest:

- IE Mac OSX
- Safari Mac OSX
- Opera Mac OSX
- Phoenix Windows
- Mozilla Windows en Mac OSX
- Camino Mac OSX

allemaal doen ze het perfect (hoewel IE op de MAC een klein positioneringsprobleempje heeft bij de footer), maar surprise surprise: IE 5, 5.5 en 6.0 voor Windows niet.. :(:(:(

Iemand die hier een fix voor heeft en weet waarom IE hier niet mee om kan gaan?

Verwijderd

wat gaat er fout dan? en wat heb je al geprobeerd?

[ Voor 41% gewijzigd door Verwijderd op 19-05-2003 15:01 ]


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 22-08 22:08
Wees wat meer specifiek inderdaad.. post een screenshot oid. :)

Motor (of auto) onderhoud bijhouden


  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

IE voor windows ondersteunt geen position: fixed;

Intentionally left blank


Verwijderd

Topicstarter
sorry, ging er onterecht vanuit dat jullie zelf ook wel IE zouden draaien :o

Slechte rendering, IE5, IE5.5 en IE6

Hoe het zou moeten

Bij IE wordt het grote logo niet rechtsboven uitgelijnd, waardoor het menu ook wat verzakt is. Daarbij wordt de footer niet correct onderaan gepositioneerd.

Verwijderd

Topicstarter
crisp schreef op 19 May 2003 @ 15:06:
IE voor windows ondersteunt geen position: fixed;
meeen je niet ;'(

sjongejonge, maar goed: dan maar absolute...

Verwijderd

Topicstarter
met absolute ziet het er inderdaad stukken beter uit, maar de footer wordt nu niet meer volledig van links naar rechts uitgestrekt, vanaf links wel, maar ongeveer halverwege de pagina houdt ie op

Verwijderd

Topicstarter
nog paar dingetjes die IE niet goed doet: borders worden aan de buitenkant van de box geplaatst, ipv aan de binnenkant van de rand. En de menu-links worden niet goed rechts uitgelijnd..

Dit is toch om moe van te worden?

  • Willem
  • Registratie: Februari 2001
  • Laatst online: 22-08 22:08
Kabouter, Afbeeldingslocatie: http://gathering.tweakers.net/global/templates/got/images/icons/edit.gif betekent dat je niet steeds opnieuw hoeft te reageren. :)

Motor (of auto) onderhoud bijhouden


Verwijderd

Topicstarter
sorry, valt me nu pas op...

  • crisp
  • Registratie: Februari 2000
  • Nu online

crisp

Devver

Pixelated

IE onder windows hanteert een ander boxmodel. Dit is in Mozilla/Opera met het volgende te simuleren (andersom kan je IE niet dwingen het w3c boxmodel te gebruiken):
Cascading Stylesheet:
1
2
3
4
div {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

wb het positioneren van je footer zal je echt iets anders moeten verzinnen; CSS2 ondersteuning van IE is gewoon ondermaats (of buggy), en daar is weinig aan te doen...

Intentionally left blank


Verwijderd

Topicstarter
crisp schreef op 19 mei 2003 @ 15:44:
IE onder windows hanteert een ander boxmodel. Dit is in Mozilla/Opera met het volgende te simuleren (andersom kan je IE niet dwingen het w3c boxmodel te gebruiken):
Cascading Stylesheet:
1
2
3
4
div {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

wb het positioneren van je footer zal je echt iets anders moeten verzinnen; CSS2 ondersteuning van IE is gewoon ondermaats (of buggy), en daar is weinig aan te doen...
ok tenks... wel ontzettend frustrerend, om voor 1 browser je hele layout om te moeten gooien :( Maar goed: niks aan te doen inderdaad.. IE is nou eenmaal marktleider

Verwijderd

Topicstarter
Om nog even op dat boxmodel terug te komen: waarom rendert IE de border op deze pagina wel binnen de box en niet erbuiten, zoals bij mijn opzetje?

  • cannibal
  • Registratie: Maart 2001
  • Laatst online: 15-08 16:32
zou ook eens kijken hoe het gaat als je met ie6
het document-type op strict (iets andere term) zet. even op w3c kijken voor de mogelijkheden.
Jammer is dat dit pas vanaf ie6 werkt

Verwijderd

Topicstarter
ie6 doet exact hetzelfde (net geupgrade), ik gebruik verder xhtml-strict als je dat bedoelt. Hij valideert op w3.org ook correct

[ Voor 28% gewijzigd door Verwijderd op 19-05-2003 17:54 ]

Pagina: 1