/** * "Yet Another Multicolumn Layout" - YAML CSS Framework * * (en) YAML core stylesheet - structure-independent bugfixes of IE/Win CSS-bugs * (de) YAML Basis-Stylesheet - Strukturunabhängige Bugfixes von CSS-Bugs des IE/Win * * Don't make any changes in this file! * * @copyright Copyright 2005-2012, Dirk Jesse * @license CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-CDL (http://www.yaml.de/license.html) * @link http://www.yaml.de * @package yaml * @version v4.0 * @revision $Revision: 686 $ * @lastmodified $Date: 2012-01-22 13:09:37 +0100 (So, 22 Jan 2012) $ * @appdef yaml @media all /** ** (en) Debugging:When you see a green background, IE is getting this stylesheet ** (de) Fehlersuche:Hintergrund leuchtet grün, wenn das Stylesheet korrekt geladen wurde ** ** @debug ** @app-yaml-default disabled /* body { background:#0f0; background-image:none; } /** ** Correct inline positioning for unknown HTML5 elements in IE 6 & 7 ** ** @workaround ** @affected IE6, IE7 ** @css-for IE6, IE7 ** @valid no /*------------------------------------------------------------------------------------------------------ /** ** (en) No need to force scrollbars in older IE's - it even makes problems in IE6 when set ** (de) Scrollbar-Fix wird in alten IE's nicht benötigt, zudem verursacht der Fix Probleme im IE6 ** ** @workaround ** @affected IE6, IE7 ** @css-for IE6, IE7 ** @valid no body o\verflow: visible /** ** (en) HTML5 - default media element styles ** (de) HTML5 - Standard Eigenschaften für Media-Elemente article, aside, details, figcaption, figure, footer, header, hgroup, nav, section zoom: 1 audio, canvas, video *display: inline *zoom: 1 /** ** (en) enable bicubic interpolation of images on scaling ** (de) aktiviert bikubische Interpolation beim Skalieren von Bildern img -ms-interpolation-mode: bicubic zoom: 1 /*------------------------------------------------------------------------------------------------------ /** ** (en) Fixes IE5.x and IE6 overflow behavior of textarea and input elements elements ** (de) Korrigiert das fehlerhafte overflow-Verhalten von textarea und input-Elementen ** ** @workaround ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6 ** @valid no * html iframe, frame overflow: auto input, frameset overflow: hidden textarea overflow: scroll overflow-x: hidden /*------------------------------------------------------------------------------------------------------ /** ** (en) Stability fixes with 'position:relative' ** (de) Stabilitätsverbesserungen durch 'position:relative' ** ** Essential for correct scaling in IE7 (body). IE5 must get static positioned body instead. ** Helpful to fix several possible problems in older IE versions (#main). ** ** @bugfix ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid yes body, #main position: relative * html body position: static /*------------------------------------------------------------------------------------------------------ /** ** (en) Clearfix adjustents for containing floats in IE ** (de) Clearfix-Anpassung für diverse IE-Versionen ** ** @workaround ** @see http://perishablepress.com/press/2009/12/06/new-clearfix-hack/ ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid yes .ym-clearfix zoom: 1 /* hasLayout aktivieren /*------------------------------------------------------------------------------------------------------ /** ** (en) Bugfix for partially displayed column separators ** (de) Bugfix für unvollständige Darstellung der Spalteninhalte / Spaltentrenner ** ** @bugfix ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6 ** @valid yes * html .ym-col1, .ym-col2, .ym-col3 position: relative /*------------------------------------------------------------------------------------------------------ /** ** (en) Preventing several css bugs by forcing "hasLayout" ** (de) Vermeidung verschiedenster Bugs durch Erzwingen von "hasLayout" ** ** @workaround ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid no body height: 1% .ym-wrapper, .ym-wbox, #header, #nav, #main, #footer zoom: 1 /* IE6 & IE7 * html .ym-wrapper, .ym-wbox height: 1% hei\ght: auto #header, #nav, #main, #footer width: 100% wid\th: auto /* IE 5.x & IE6 | IE6 only /* IE 5.x & IE6 | IE6 only /* trigger hasLayout to force containing content .ym-gbox, .ym-gbox-left, .ym-gbox-right height: 1% /*------------------------------------------------------------------------------------------------------ /** ** Disappearing List-Background Bug ** @see http://www.positioniseverything.net/explorer/ie-listbug.html ** ** @bugfix ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6 ** @valid yes * html ul, ol, dl position: relative /*------------------------------------------------------------------------------------------------------ /** ** List-Numbering Bug ** ** @bugfix ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid yes body ol li display: list-item /*------------------------------------------------------------------------------------------------------ /** ** Browser-based image scaling (not) ** ** @workaround ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6 ** @valid yes * html .flexible zoom: 1 /** ** Form related bugfixes ** ** @bugfix ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid no button, input *overflow: visible table button, input *overflow: auto fieldset, legend position: relative /*------------------------------------------------------------------------------------------------------ /** ** Global adjustments/fixes for YAML's form construction kit ** ** @workaround ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid no .ym-form zoom: 1 div zoom: 1 * zoom: 1 /*------------------------------------------------------------------------------------------------------ /** ** (en) Workaround for 'collapsing margin at #col3' when using CSS-property clear ** Left margin of #col3 collapses when using clear:both in 1-3-2 (or 2-3-1) layout and right column is the ** longest and left column is the shortest one. For IE6 and IE7 a special workaround was developed ** in YAML. ** ** (de) Workaround für 'kollabierenden Margin an #col3' bei Verwendung der CSS-Eigenschaft clear ** Der linke Margin von #col3 kollabiert bei der Verwendung von clear:both im 1-3-2 (oder 2-3-1) Layout ** wenn gleichzeitig die linke Spalte die kürzeste und die rechte die längste ist. Im IE6 und IE7 lässt ** sich der Bug durch eine speziell für YAML entwickelten Workaround umgehen. ** ** @workaround ** @affected IE 5.x/Win, IE6, IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid no html .ym-ie-clearing /* (en) Only a small help for debugging /* (de) Nur eine kleine Hilfe zur Fehlersuche position: static /* (en) Make container visible in IE /* (de) Container sichtbar machen im IE display: block /* (en) No fix possible in IE5.x, normal clearing used instead /* (de) Kein Fix im IE5.x möglich, daher normales Clearing clear: both /* (en) forcing clearing-like behavior with a simple oversized container in IE6 & IE7 /* (de) IE-Clearing mit 100%-DIV für IE6 bzw. übergroßem Container im IE7 width: 100% line-height: 0 font-size: 0px margin: -2px 0 -1em 1px * html .ym-ie-clearing margin: -2px 0 -1em 0 .ym-cbox margin-bottom: -2px /* (en) avoid horizontal scrollbars in IE7 in borderless layouts because of negative margins /* (de) Vermeidung horizontaler Scrollbalken bei randabfallenden Layouts im IE7 html margin-right: 1px * html margin-right: 0 /* (en) Bugfix:Essential for IE7 /* (de) Bugfix:Notwendig im IE7 .ym-col3 position: relative /*------------------------------------------------------------------------------------------------------ /** ** IE/Win Guillotine Bug ** @see http://www.positioniseverything.net/explorer/guillotine.html ** ** @workaround ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6 ** @valid yes @media screen, projection /** ** (en) IE-Adjustments for content columns and subtemplates ** (de) IE-Anpassung für Spaltencontainer und Subtemplates ** ** Doubled Float-Margin Bug ** @see http://positioniseverything.net/explorer/doubled-margin.html ** ** @bugfix ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid yes .ym-col1, .ym-col2 display: inline /* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 .ym-grid overflow: hidden display: block * html .ym-grid overflow: visible .ym-gl, .ym-gr display: inline /* transform CSS tables back into floats .ym-equalize .ym-gl float: left display: inline padding-bottom: 32767px margin-bottom: -32767px .ym-gr float: right margin-left: -5px display: inline padding-bottom: 32767px margin-bottom: -32767px .no-ie-padding .ym-gl, .ym-gr padding-bottom: 0 margin-bottom: 0 /*------------------------------------------------------------------------------------------------------ /** ** Internet Explorer and the Expanding Box Problem ** @see http://www.positioniseverything.net/explorer/expandingboxbug.html ** ** @workaround ** @affected IE 5.x/Win, IE6 ** @css-for IE 5.x/Win, IE6 ** @valid yes * html .ym-cbox-left, .ym-cbox-right, .ym-cbox word-wrap: break-word .ym-gbox, .ym-gbox-left, .ym-gbox-right word-wrap: break-word o\verflow: hidden /* avoid growing widths @media print /** ** (en) Avoid unneeded page breaks of .ym-col3 content in print layout and containing floats. ** (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte .ym-col3 und Einschluss von Floats. ** ** @bugfix ** @affected IE7 ** @css-for IE 5.x/Win, IE6, IE7 ** @valid yes .ym-gbox, .ym-gbox-left, .ym-gbox-right, .ym-col3 height: 1%