Toon posts:

[CSS] Paragraaf, margins verschillen in IE en FF

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ave,

Ik heb eindelijk eens een goede tutorial voor tableless forms gevonden.

Nu ben ik nogal pixelperfect ingesteld, en loop ik in Internet Explorer 6 tegen dit probleem aan.
Afbeeldingslocatie: http://img214.imageshack.us/img214/3371/ienh3.gif

De paragraaf met fuchsia achtergrond heeft dezelfde margin-left als de inputvelden, en toch komt 'ie enkele pixels te vroeg. Zo hoort het - Firefox:
Afbeeldingslocatie: http://img86.imageshack.us/img86/2991/fftl8.gif

Hoe kan zoiets? Ik heb alle mogelijke parentmargins en paddings op 0 gezet, en nog steeds. Foxwild - niet, dus - word ik ervan. Testsite en bijhorend stijlblad.

Verwijderd

maak je html eens "af", lijkt mij een IE quirks mode probleem

  • JHS
  • Registratie: Augustus 2003
  • Laatst online: 05-11 09:42

JHS

Splitting the thaum.

Ik zou als eerste een (compleet) doctype gebruiken wat beide browsers in standardsmode duwt,
HTML:
1
2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
bijvoorbeeld :) . Wat /me zegt dus, zorg dat je html fatsoenlijk in elkaar zit.

DM!


Verwijderd

Topicstarter
Bedankt voor jullie nuttige reacties.

Ik heb opgezocht wat die quirks mode precies is, een doctype toegevoegd en zelfs geëxperimenteerd met meerdere definities, maar het probleem blijft.

Ik heb de bronnen (zie boven) aangepast en de compatibility mode gealert (is in beide browsers hetzelfde).

Wat doe ik nu?

[ Voor 20% gewijzigd door Verwijderd op 25-12-2006 13:35 ]


  • lammert
  • Registratie: Maart 2004
  • Laatst online: 17:21
Waarschijnlijk 1 van de bekende CSS rendering bugs in IE. Zie deze pagina voor de hele lijst.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 18:58

crisp

Devver

Pixelated

Volgens mij is dat gewoon de 3 pixel text-jog bug

Intentionally left blank


Verwijderd

Topicstarter
Beide pogingen zijn vruchtenloos. Ik ben er ondertussen wel achtergekomen dat de paragraaf daadwerkelijk 210 pixels (zoals opgegeven in het stijlblad) als linkermarge heeft, maar dat de inputvelden een extra linkermarge krijgen! Ik heb hier gekekeken, maar dat helpt ook niet voor me.

Grmbl...
Pagina: 1