2-spaltiges YAML-Layout 1|3 wird im IE 6.0.29 falsch dargestellt

G

GN911

Erfahrenes Mitglied
Hallo,

ich verwende von YAML ein 2-spaltiges Layout 1|3 welches im IE Version 6.0.29 kommisch dargestellt wird.
Der #header hat eigendlich eine Höhe von 50 px und der #footer passt auch nicht so wirklich. Gemeint ist die Lücke zwischen #footer und #main.

Im YAML Board habe ich leider keine Hilfe bekommen, da hoffe ich, dass mir hier geholfen werden kann.

Gruß GN911
 
Zuletzt bearbeitet:
Hi,

wenn du dein Anliegen dort in derselben Form vorgetragen hast, wundert's mich nicht.

Es wäre bei der großen Anzahl an vorliegenden YAML-Stylesheet-Dateien schon entgegenkommend, hier auch die relevanten Passagen aus dem CSS-Code zu posten, und die CSS-Dateien beim Namen zu nennen, die hierin involviert sind, oder sollen wir uns jetzt durch alles selber wurschteln?

Vielen Dank!

mfg Maik
 
hallo Maik,

ja na klar:
aus der basemode.css:
Code: 
  #page_margins { margin: 0 auto; }
  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: 95%;  min-width: 740px; max-width: 90em; background: #fff; }
  #page { padding: 0; }
  #header { padding: 50px 2em 1em 20px; color: #000; background: highlight url("../../images/bg_header.png") repeat-x bottom left; }
  #topnav { color: #fff; background: transparent; }
  #nav { overflow: hidden; }
  div.hlist { }
  #main { margin: 10px 0; background: #fff; }
  #teaser { clear: both; text-align: center; padding: 10px; margin: 10px 0; }
  #footer { padding: 10px 20px; line-height: 2em; color: #666; background: threedface url(../../images/bg_header.png) repeat-x bottom left; }

hier ist der #header und #footer definiert..

GN911
 
Schon deutlich besser so ;)

Der IE6 benötigt hier eine Mindesthöhe für die Header-Box:

Code: 
<!--[if lte IE 7]>
<link href="css/patches/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if lt IE 7]>
<style type="text/css">
#header { height:1%; }
</style>
<![endif]-->

mfg Maik

P.S. Den Footer hab ich nicht vergessen, bin mal kurz "off", hab hier gerade meinen Bruder an der Strippe :)
 
GN911 hat gesagt.:
ich verwende von YAML ein 2-spaltiges Layout 1|3 welches im IE Version 6.0.29 kommisch dargestellt wird.
[...]
der #footer passt auch nicht so wirklich. Gemeint ist die Lücke zwischen #footer und #main.
Zum Vergrößern anklicken....
Ich seh dort bei mir im IE6 keine Lücke:

footer.jpg

(Hintergrund: FF, Vordergrund: IE6)

mfg Maik
 
Hi,

dann erzähl mal bitte, was du an diesen Code-Zeilen nicht verstehst, bzw. woran es in der Praxis scheitert, sie in dein Stylesheet zu übernehmen, und auf die entsprechenden Boxen anzuwenden?

Cross-browser semi-transparent backgrounds hat gesagt.:
CSS: 
 /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/75p_honey.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.trans_box2[class] {
  background-image:url(/75p_honey.png);
}
Zum Vergrößern anklicken....

mfg Maik
 
habe so jetzt gemacht:
Code: 
  #footer { padding: 10px 20px; line-height: 2em; color: #666; background: #ace url(../../images/bg_header.png) repeat-x bottom left; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../../images/bg_header.png'); }
  #footer[id] { background-image: url(../../images/bg_header.png); }

und es ist genauso noch.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück