| | |
|---|
| | | @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) 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 textarea { overflow:scroll; overflow-x: hidden; }
|
|---|
| | | * html input { overflow: hidden; }
|
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * (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) Adjustment of .floatbox class for IE
|
|---|
| | | * (de) Anpassung der .floatbox-Klasse für IE
|
|---|
| | | *
|
|---|
| | | * @workaround
|
|---|
| | | * @affected IE 5.x/Win, IE6
|
|---|
| | | * @css-for IE 5.x/Win, IE6
|
|---|
| | | * @valid yes
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | * html .floatbox { width:100%; }
|
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * (en) Special class for oversized content element
|
|---|
| | | * (de) Spezielle Klasse für übergroße Inhaltselemente
|
|---|
| | | *
|
|---|
| | | * @workaround
|
|---|
| | | * @affected IE 5.x/Win, IE6
|
|---|
| | | * @css-for IE 5.x/Win, IE6
|
|---|
| | | * @valid yes
|
|---|
| | | */
|
|---|
| | | |
|---|
| | | .slidebox {
|
|---|
| | | position:relative;
|
|---|
| | | margin-right: -1000px;
|
|---|
| | | height: 1%;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * (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 #col1,
|
|---|
| | | * html #col2, |
|---|
| | | * html #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%; }
|
|---|
| | | #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 */
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * 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, * html ol, * html 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; }
|
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * (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; }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * 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
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | * html body a, * html body a:hover { background-color: transparent; }
|
|---|
| | |
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @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
|
|---|
| | | */
|
|---|
| | |
|
|---|
| | | #col1, #col2 { display:inline; }
|
|---|
| | |
|
|---|
| | | .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l,
|
|---|
| | | .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; }
|
|---|
| | |
|
|---|
| | | /*------------------------------------------------------------------------------------------------------*/
|
|---|
| | |
|
|---|
| | | /**
|
|---|
| | | * 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 #col1_content, |
|---|
| | | * html #col2_content, |
|---|
| | | * html #col3_content { word-wrap: break-word; }
|
|---|
| | |
|
|---|
| | | * html .subcolumns .subc,
|
|---|
| | | * html .subcolumns .subcl,
|
|---|
| | | * html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | @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%; }
|
|---|
| | | }
|
|---|
| | | @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) 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 textarea { overflow:scroll; overflow-x: hidden; } |
|---|
| | | * html input { overflow: hidden; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * (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) Adjustment of .floatbox class for IE |
|---|
| | | * (de) Anpassung der .floatbox-Klasse für IE |
|---|
| | | * |
|---|
| | | * @workaround |
|---|
| | | * @affected IE 5.x/Win, IE6 |
|---|
| | | * @css-for IE 5.x/Win, IE6 |
|---|
| | | * @valid yes |
|---|
| | | */ |
|---|
| | | |
|---|
| | | * html .floatbox { width:100%; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * (en) Special class for oversized content element |
|---|
| | | * (de) Spezielle Klasse für übergroße Inhaltselemente |
|---|
| | | * |
|---|
| | | * @workaround |
|---|
| | | * @affected IE 5.x/Win, IE6 |
|---|
| | | * @css-for IE 5.x/Win, IE6 |
|---|
| | | * @valid yes |
|---|
| | | */ |
|---|
| | | |
|---|
| | | .slidebox { |
|---|
| | | position:relative; |
|---|
| | | margin-right: -1000px; |
|---|
| | | height: 1%; |
|---|
| | | } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * (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 #col1, |
|---|
| | | * html #col2, |
|---|
| | | * html #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%; } |
|---|
| | | #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 */ |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 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, * html ol, * html 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; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * (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; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 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 |
|---|
| | | */ |
|---|
| | | |
|---|
| | | * html body a, * html body a:hover { background-color: transparent; } |
|---|
| | | |
|---|
| | | } |
|---|
| | | |
|---|
| | | @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 |
|---|
| | | */ |
|---|
| | | |
|---|
| | | #col1, #col2 { display:inline; } |
|---|
| | | |
|---|
| | | .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l, |
|---|
| | | .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r { display:inline; } |
|---|
| | | |
|---|
| | | /*------------------------------------------------------------------------------------------------------*/ |
|---|
| | | |
|---|
| | | /** |
|---|
| | | * 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 #col1_content, |
|---|
| | | * html #col2_content, |
|---|
| | | * html #col3_content { word-wrap: break-word; } |
|---|
| | | |
|---|
| | | * html .subcolumns .subc, |
|---|
| | | * html .subcolumns .subcl, |
|---|
| | | * html .subcolumns .subcr { word-wrap: break-word; overflow:hidden; } |
|---|
| | | } |
|---|
| | | |
|---|
| | | @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%; } |
|---|
| | | } |
|---|
