[CSS XHTML IE6] Bug?

[X-Lars]

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é]

* 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]

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.

[X-Lars]

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]

Webdesign & Graphics dan maar

[X-Lars]

dank u

de url

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

[crisp]

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

[X-Lars]

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

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]

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 ]

[X-Lars]

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:

<form>
    <fieldset>
        <legend>Bestelformulier</legend>

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

        [...etc]

    </fieldset>
</form>

Of desnoods:

HTML:

<form>
    <div>
        <label for="naam">Naam</label>
        <input name="naam" type="text" class="inputfield" ... />
    </div>
    [...etc]
</form>

[InZane]

Nog steeds een wazige bug.

Quirks mode verhelpt het probleem iig.

[Rickets]

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 ]

[Bbfreak]

Bij mij in Opera werkt hij perfect iig. Ik zou het niet weten.

[X-Lars]

ik ben er uit

CSS:

code:

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

HTML:

<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]

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 ]

[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]

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

[Verwijderd]

code:

<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]

Verwijderd schreef op 24 februari 2004 @ 07:30:

code:

<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)

[Rickets]

Cascading Stylesheet:

fieldset
{
   border:0;
   border-style:solid;
}

Geen border in Opera (7.10)

[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]

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

[crisp]

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

[Justice]

hey cool daar zat ik ook net mee

[X-Lars]

En ik heb het weer voor elkaar hoor

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

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

code:

<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:

<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 ]