[CSS XHTML IE6] Bug?

Pagina: 1
Acties:

  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
Hier direct maar het probleem:

http ://www.webpro.nl/temp/capture.jpg

Rechts van "Emailadres" hoort gewoon eenzelfde input field te staat en daaronder niets. Ook zo vreemd dat-ie een paar letters kopiëert. Terwijl het in IE5.5 en Mozilla Firebird gewoon goed gaat. Als CSS sources nodig zijn post ik die wel. Beetje lastig bij elkaar zoeken en verneukt layout hier. Ik gebruik gewoon labels en input fields voor de markup. Misschien weet iemand het zo?

[ Voor 6% gewijzigd door X-Lars op 04-04-2005 09:55 ]


  • André
  • Registratie: Maart 2002
  • Laatst online: 26-05 00:33

André

Analytics dude

* André pakt even zijn glazen bol erbij om de source te bekijken...

Hmm, nee, geen beeld, dan wordt het gokken.

PS. Code is toch vrij belangrijk, nog mooier is een URL.

  • LuCarD
  • Registratie: Januari 2000
  • Niet online

LuCarD

Certified BUFH

X-Lars schreef op 23 februari 2004 @ 00:18:
Hier direct maar het probleem:

[afbeelding]

Rechts van "Emailadres" hoort gewoon eenzelfde input field te staat en daaronder niets. Ook zo vreemd dat-ie een paar letters kopiëert. Terwijl het in IE5.5 en Mozilla Firebird gewoon goed gaat. Als CSS sources nodig zijn post ik die wel. Beetje lastig bij elkaar zoeken en verneukt layout hier. Ik gebruik gewoon labels en input fields voor de markup. Misschien weet iemand het zo?
Zonder source of een normaal html voorbeeld kunnen mense hier weinig mee....

PS. Dit is het verkeerde forum, moet eentje hoger in WG.

Programmer - an organism that turns coffee into software.


  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
sh*t verkeerde forum, komt door die @#$% afkortingen, lijken op elkaar..

edit: zie onder

[ Voor 117% gewijzigd door X-Lars op 23-02-2004 01:33 . Reden: paar toevoegingen ]


  • curry684
  • Registratie: Juni 2000
  • Laatst online: 12-05 22:23

curry684

left part of the evil twins

Professionele website nodig?


  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
dank u :)

de url

[ Voor 75% gewijzigd door X-Lars op 04-04-2005 09:56 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:01

crisp

Devver

Pixelated

met recht de meest vreemde IE-bug die ik tot nu toe ben tegengekomen...

Intentionally left blank


  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
ja en dan te bedenken dat ik van tables af wilde (waarmee het uiteraard wel gewoon normaal werkte) :P

edit: zojuist maar even op DOCTYPE voor XHTML 1.0 Transitional gezet (stond op XHTML 1.1) - geen verschil

[ Voor 36% gewijzigd door X-Lars op 23-02-2004 01:15 ]


  • Johnny
  • Registratie: December 2001
  • Laatst online: 27-05 16:10

Johnny

ondergewaardeerde internetguru

Wat gebeurt er als je de <input> tags nu eens op type="text" zet en een size="" en maxlength="" meegeeft?

Trouwens, je weet toch wel dat die labels alleen werken als je <input> een id="" heeft met die naam, en niet de name=""?

n wat doen die vage "spacer" <span> tags daar?

Als ik de code kopieer naar een HTML 4.01 pagina verschuift het "Naam" veld in MSIE, maar Mozilla doet nog veel raarder :?

[ Voor 78% gewijzigd door Johnny op 23-02-2004 01:26 ]

Aan de inhoud van de bovenstaande tekst kunnen geen rechten worden ontleend, tenzij dit expliciet in dit bericht is verwoord.


  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
nu heb ik de .css maar ff flink gestript en type="text" bij de inputs toegevoegd

edit 1: vond t vreemd, maar goed: ook overal size="15" maxlength="15" aan toegevoegd en "die rare spacers" ook weggehaald.. problem remains

edit 2: Johnny, was er net mee bezig, zat 1x een @#$% versie tussen, die had je waarschijnlijk te pakken - zoals het nu staat is het redelijk basic/gestript voor het probleem

[ Voor 94% gewijzigd door X-Lars op 23-02-2004 01:31 ]


Verwijderd

Ik kan het hier niet testen, maar ik weet wel dat INPUTs nog in een block-level element moeten, bijvoorbeeld een FIELDSET of een DIV.

Beter gezegd: In een FORM mogen alleen block-level elementen staan.

HTML:
1
2
3
4
5
6
7
8
9
10
11
<form>
    <fieldset>
        <legend>Bestelformulier</legend>

        <label for="naam">Naam</label>
        <input name="naam" type="text" class="inputfield" ... />

        [...etc]

    </fieldset>
</form>



Of desnoods:
HTML:
1
2
3
4
5
6
7
<form>
    <div>
        <label for="naam">Naam</label>
        <input name="naam" type="text" class="inputfield" ... />
    </div>
    [...etc]
</form>

  • InZane
  • Registratie: Oktober 2000
  • Laatst online: 21:13
Nog steeds een wazige bug.

Quirks mode verhelpt het probleem iig.

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Als je de fontgrootte weglaat bij de body, kopieert hij het de tekst iig niet meer...
Edit: na een beetje kutten, ligt het aan de padding op de labels.

[ Voor 29% gewijzigd door Rickets op 23-02-2004 10:43 ]

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • Bbfreak
  • Registratie: September 2002
  • Laatst online: 04-02 10:03
Bij mij in Opera werkt hij perfect iig. Ik zou het niet weten.

Twitter @cmeerbeek / Halo Waypoint Profile


  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
ik ben er uit :)

CSS:
code:
1
2
  fieldset { border:none; }
  input { display:inline; float:left; margin-bottom:6px; }


HTML:
1
2
3
4
5
6
<form>
  <fieldset>
    <label for="...">...</label><input name="..." type="text" class="inputfield" id="..." />
    ...
  </fieldset>
</form>


kon me zojuist inderdaad herinneren dat ik al eens gezocht had naar een oplossing voor de 'invalidatie' hiervan (zonder <fieldset>). heb toen niet verder gezocht, maar het blijft vreemd dat IE6 het zo rendert. deze valideert in ieder geval op XHTML1.0 Transitional (edit: tevens XHTML1.1). Blues en allen: tnx voor de moeite!

[ Voor 44% gewijzigd door X-Lars op 23-02-2004 11:06 ]


  • disjfa
  • Registratie: April 2001
  • Laatst online: 12-05 15:11

disjfa

be

Bbfreak schreef op 23 februari 2004 @ 10:42:
Bij mij in Opera werkt hij perfect iig. Ik zou het niet weten.
daarom is het ook een IE bug en geen opera bug.

Maar goed dat ik het weet dat je dit kan oplossen in quirksmode. Kan ik ook een keer formuliertjes maken zonder deze error. ik krijg heb ook wel vaker jammergenoeg en werkte (waarschijnlijk tot voor kort) niet met de quirks mode.

@blues.... een form is toch een block level element?

[ Voor 8% gewijzigd door disjfa op 23-02-2004 10:47 ]

disjfa - disj·fa (meneer)
disjfa.nl


Verwijderd

FORM is inderdaad een block-level element dat bij een Strict DTD dezelfde regels heeft als het BLOCKQUOTE element, namelijk: alle child elementen dienen block-level te zijn, zoals P, PRE, FIELDSET, BLOCKQUOTE etc.

(FORM heeft denk ik als restrictie dat het niet zichzelf mag bevatten, hoewel dat natuurlijk altijd op deze manier wel te doen is: <form><del><form/></del></form>)

[ Voor 14% gewijzigd door Verwijderd op 23-02-2004 14:14 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:01

crisp

Devver

Pixelated

nadeel van fieldset is dat je 'm in Opera niet kunt stylen - je ziet dan altijd een border

Intentionally left blank


Verwijderd

code:
1
2
3
4
5
6
7
8
<style type="text/css">
fieldset{
 border:0;
}
</style>
<fieldset>
 <input type="text">
</fieldset>
Opslaan als "fieldset-opera.htm" in een mapje "tests", openen in Opera, goed kijken, klaar.

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:01

crisp

Devver

Pixelated

Verwijderd schreef op 24 februari 2004 @ 07:30:
code:
1
2
3
4
5
6
7
8
<style type="text/css">
fieldset{
 border:0;
}
</style>
<fieldset>
 <input type="text">
</fieldset>
Opslaan als "fieldset-opera.htm" in een mapje "tests", openen in Opera, goed kijken, klaar.
ja, een mooie dikke border (Opera 7.23)

Intentionally left blank


  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Cascading Stylesheet:
1
2
3
4
5
fieldset
{
   border:0;
   border-style:solid;
}

Geen border in Opera (7.10) :)

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


Verwijderd

Het is denk ik een tijdelijk bug geweest. Opera 5.0, 6.06, 7.21, 7.5 doen dit wel goed (zijn de versies die ik hier heb).

  • Rickets
  • Registratie: Augustus 2001
  • Niet online

Rickets

Finger and a shift

Toch vaag dan: 7.21 doet het goed, 7.23 niet meer, en vervolgens 7.5 weer wel :P

If some cunt can fuck something up, that cunt will pick the worst possible time to fucking fuck it up, because that cunt’s a cunt.


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 01:01

crisp

Devver

Pixelated

border-style:solid lost het echter wel weer op voor 7.23; da's mooi - kan ik het toch nog toepassen in het nieuwe GoT-design :)

Intentionally left blank


  • Justice
  • Registratie: Maart 2001
  • Laatst online: 07-08-2025
hey cool daar zat ik ook net mee :D

Human Bobby


  • X-Lars
  • Registratie: Januari 2004
  • Niet online

X-Lars

Just GoT it.

Topicstarter
En ik heb het weer voor elkaar hoor :)

http ://www.webpro.nl/temp/capture2.jpg

http ://www.webpro.nl/temp/capture3.jpg

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<span class="datalabel">&nbsp;</span><span class="data">&nbsp;</span>
<span class="datalabel">&nbsp;</span><span class="data">&nbsp;</span>
<div class="div-left"><p>En hier een mooie unordered list:</p></div>
<ul> 
  <li>Item 1</li> 
  <li>Item 2
    <ul> 
      <li>Item 2.a</li> 
      <li>Item 2.b</li> 
      <li>Item 2.c</li> 
    </ul> 
    </li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
</ul> 
</div>


Hoe vaker
code:
1
<span class="datalabel">&nbsp;</span><span class="data">&nbsp;</span>
, hoe meer gekopiëerde tekens :?

link

[ Voor 112% gewijzigd door X-Lars op 04-04-2005 09:57 ]

Pagina: 1