Chris: IE7 white space bug

SELF-Forum

IE7 white space bug

Chris
– Informationen zu den Bewertungsregeln

Hi Leute,
der Code der folgenden zwei Seiten sollte eigentlich identisch dargestellt werden. Dies ist mindestens bei dem IE7 nicht der Fall.

1. Version:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html dir="ltr" lang="de-DE">

<body>

<form id="baseForm" name="baseForm" method="POST"
 >

<div id="doc2">
<div id="hd">
<div>
<div id="header_content"></div>

</div>
<div id="top-nav"></div>
</div>
<div id="bd">
<div id="yui-main">
<div>
<div>
<div>
<table cellpadding="0" cellspacing="0" border="0" summary="">
 <tbody>
  <tr>
   <td colspan="1">
   <table cellpadding="0" cellspacing="0" border="0" summary="">
    <tbody>
     <tr>
      <td></td>

<td></td>

</tr>
     <tr>
      <td><label for="selWidth">Reifenma&szlig;e:</label></td>

<td valign="top">
      <table cellpadding="0" cellspacing="0" border="0" summary="">
       <tr>
        <td><span style="border: red solid 1px;"> <select
         id="selWidth" name="selWidth" title="Reifenbreite in mm">
         <option value="0" selected>145</option>

<option value="1">155</option>

</select> </span> <span id="_id17"><span style="border: red solid 1px;"> <select
         id="selHeight" name="selHeight"
         title="Querschnittsverh&auml;ltnis H/B (%)">
         <option value="0" selected>70</option>

<option value="1">180</option>
        </select> <label for="selHeight"
         style="left:0px;position:absolute;top:-999px;display:none;">Querschnittsverh&auml;ltnis
        H/B (%)</label> </span> </span><span style="border: red solid 1px;"> <select
         id="selBore" name="selBore" title="Felgendurchmesser (Zoll)">
         <option value="0" selected>113</option>
        </select> <label for="selBore"
         style="left:0px;position:absolute;top:-999px;display:none;">Felgendurchmesser
        (Zoll)</label></span></td>
       </tr>
      </table>
      </td>
     </tr>
    </tbody>
   </table>
   </td>
  </tr>
 </tbody>
</table>
</div>
</div>
</div>
</div>
<div>
<div id="basket" /></div>

</div>
</form>
</body>
</html>

2.Version

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html dir="ltr" lang="de-DE">

<body>

<form id="baseForm" name="baseForm" method="POST"
 >

<div id="doc2">
<div id="hd">
<div>
<div id="header_content"></div>

</div>
<div id="top-nav"></div>
</div>
<div id="bd">
<div id="yui-main">
<div>
<div>
<div>
<table cellpadding="0" cellspacing="0" border="0" summary="">
 <tbody>
  <tr>
   <td colspan="1">
   <table cellpadding="0" cellspacing="0" border="0" summary="">
    <tbody>
     <tr>
      <td></td>

<td></td>

</tr>
     <tr>
      <td><label for="selWidth">Reifenma&szlig;e:</label></td>

<td valign="top">
      <table cellpadding="0" cellspacing="0" border="0" summary="">
       <tr>
        <td><span style="border: red solid 1px;"> <select
         id="selWidth" name="selWidth" title="Reifenbreite in mm">
         <option value="0" selected>145</option>

<option value="1">155</option>

</select> </span><span id="_id17"><span style="border: red solid 1px;"> <select
         id="selHeight" name="selHeight"
         title="Querschnittsverh&auml;ltnis H/B (%)">
         <option value="0" selected>70</option>

<option value="1">180</option>
        </select> <label for="selHeight"
         style="left:0px;position:absolute;top:-999px;display:none;">Querschnittsverh&auml;ltnis
        H/B (%)</label></span></span><span style="border: red solid 1px;"> <select
         id="selBore" name="selBore" title="Felgendurchmesser (Zoll)">
         <option value="0" selected>113</option>
        </select> <label for="selBore"
         style="left:0px;position:absolute;top:-999px;display:none;">Felgendurchmesser
        (Zoll)</label></span></td>
       </tr>
      </table>
      </td>
     </tr>
    </tbody>
   </table>
   </td>
  </tr>
 </tbody>
</table>
</div>
</div>
</div>
</div>
<div>
<div id="basket" /></div>

</div>
</form>
</body>
</html>

Ist dieser Bug schon bekannt? Google hat mir nix geliefert.

MfG,
Chris

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. IE7 white space bug

    plan_B
    – Informationen zu den Bewertungsregeln

    Hallo,

    ... erstaunlich, dass du für 3 nebeneinander platzierte select-Felder dieses Tablekonstrukt bemühst.

    bitte erklär doch noch, wo die Unterschiede sein sollen

    Gruß plan_B

    --
         *®*´¯`·.¸¸.·
    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. IE7 white space bug

      Chris
      – Informationen zu den Bewertungsregeln

      Hallo,

      ... erstaunlich, dass du für 3 nebeneinander platzierte select-Felder dieses Tablekonstrukt bemühst.

      bitte erklär doch noch, wo die Unterschiede sein sollen

      Hi,

      ich würde ja auch darauf verzichten, allerdings handelt es sich hier um generierten Code.

      Der Unterschied ist der Abstand zwischen der 2. und 3. select-box.
      Dieser tritt in diesem Beispiel durch das Zusammenspiel des labels und der white-spaces zwischen den Markups auf.

      MfG,
      Chris

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln