Umbrüche im IE6

[tabilo]

Hallo zusammen,

ich habe ein kleines Problem im IE6 und würde mich freuen, wenn mir jemand mit den notwendigen Anpassungen weiterhelfen könnte (falls es sie gibt).

Meine Patchdatei sieht so aus (Pfade passen und Dateien werden geladen):

/* Layout independent adjustments | Layout-unabhängige Anpassungen ----------------------------------- */
@import url(/static/yaml/core/iehacks.css);
@import url(/static/yaml/patches/patch_nav_vlist.css);
/
/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
@media screen, projection
{
  /**
   * Bugfix for IE 3-Pixel-Jog Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col3 {height: 1%;}        /* Activate hack for 3-Pixel-Jog Bug | Hack für 3-Pixel-Jog Bug aktivieren */
  * html #col3 {_width:0px;}
  * html #col1 {margin-right: -3px;}
  * html #col2 {margin-left: -3px;}
  * html #col3 { margin-left: 24%; margin-right: 24%; }

 /**
  * min-width/max-width workaround for IE5.x & IE6
  *
  * @workaround
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      no
  */

  * html .page_margins {
    /* Fallback if JavaScript is disabled */
    width: 80em;

    /* JS-Expression for min-/max-width simulation */
  width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )));
  }
}

Ich habe bisher nur eine Anpassung vorgenommen, nämlich

* html #col3 {_width:0px;}

da ich ansonsten das Problem hatte, dass die Navigation "unter" dem Rest angezeigt wurde.

Nun zum Problem.

Im IE6 sieht die Hauptseite teilweise so aus:



Wie sie aussehen sollte, kann man in modernen Browsern unter http://www.amatrends.com sehen.

Ähnlich verhält es sich auf den einzelnen Produktseiten:



Sollte so aussehen: http://www.amatrends.com/product/cro...-usB0014BYKI2/

Abschliessend noch ein Beispiel, wo das Problem nicht auftritt (wahrscheinlich weil kein Produktbild vorhanden ist):
http://www.amatrends.com/product/Art...-us1595827684/

Wie kann ich diese Umbrüche vermeiden?

[djesse]

Die Umbrüche erfolgen immer dann, wenn Inhalte nicht nebeneinander passen. Das kann man normalerweise leicht ausrechnen, nur ärgert der IE6 mit seinem 3-Pixel-Bug. Die Anpassungen, die YAML selbst für das Seitenlayout vornimmt, musst Du ggf. auch für deine floatenden Inhalte tun. Im Allgemeinen heisst das, die 3 Pixel Platz lassen, damit der IE sich "schadensfrei verrechnen" kann.

Gruß
Dirk