@charset "UTF-8"; /** * "Yet Another Multicolumn Layout" - (X)HTML/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! * Your changes should be added to a separate patch-file. * * @copyright Copyright 2005-2008, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.0.6 * @revision $Revision: 202 $ * @lastmodified $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $ * @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; } */ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Forcing vertical scrollbars is not needed in IE (only for Firefox/Netscape/Safari) * (de) Erzwingen vertikaler Scrollbalken im IE nicht benötigt (nur im Firefox/Netscape/Safari) * * @workaround * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ html { height: auto; margin-bottom:0; } /*------------------------------------------------------------------------------------------------------*/ /** * (en) Stability fixes with 'position:relative' * (de) Stabilitätsverbesserungen durch 'position:relative' * * @bugfix * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ body { position:relative; } /* Essential in IE7 for correct layout scaling ... */ * html body { position:static; } /* ... but not for IE5.x and IE6 */ #main { position: relative; } /* helpful for several problems in older IE versions*/ /*------------------------------------------------------------------------------------------------------*/ /** * (en) Clearfix Method for containing floats in IE * (de) Clearfix-Anpassung für diverse IE-Versionen * * @workaround * @see http://www.456bereastreet.com/archive/200603/new_clearing_method_needed_for_ie7/#comment28 * @affected IE 5.x/Win, IE6, IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ .clearfix { display: inline-block; } /* ... especial for IE7 */ .clearfix { display: block; } /* ... für IE5,IE6,IE7 */ * html .clearfix { height: 1%; } /* ... für IE5 + IE6/Win | hasLayout aktivieren */ /*------------------------------------------------------------------------------------------------------*/ /** * (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%; } #page_margins, #page, #header, #nav, #main, #footer { zoom:1; } /* IE6 & IE7 */ #page_margins, #page { height: 1%; } /* IE 5.x */ * html #header, * html #nav, * html #main, * html #footer { width: 100%; } /* IE 5.x & IE6 */ * html #header, * html #nav, * html #main, * html #footer { wid\th: auto; } /* IE 6 */ /*------------------------------------------------------------------------------------------------------*/ /** * 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; } /*------------------------------------------------------------------------------------------------------*/ /** * (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 rechte 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 */ #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%; font-size:0px; margin: -2px 0 -1em 1px; } * html #ie_clearing { margin: -2px 0 -1em 0; } #col3_content {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 */ #col3 { position:relative; z-index: -1; } /*------------------------------------------------------------------------------------------------------*/ } @media screen, projection { } @media print { /** * (en) Avoid unneeded page breaks of #col3 content in print layout. * (de) Vermeiden von unnötigen Seitenumbrüchen beim Ausdruck der Spalte #col3. * * @bugfix * @affected IE7 * @css-for IE 5.x/Win, IE6, IE7 * @valid yes */ #col3 { height: 1%; } }