1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
|
@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-2009, 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.2
* @revision $Revision:426 $
* @lastmodified $Date:2009-10-21 21:12:11 +0200 (Mi, 21. Okt 2009) $
* @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) 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) 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'
*
* 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 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, IE7
* @css-for IE 5.x/Win, IE6, IE7
* @valid yes
*/
.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 */
* html .page_margins, * html .page { height:1%; hei\ght:auto; } /* IE 5.x & IE6 | IE6 only */
* html #header, * html #nav, * html #main, * html #footer { width:100%; wid\th:auto; } /* IE 5.x & IE6 | IE6 only */
/* trigger hasLayout to force containing content */
.subc, .subcl, .subcr { 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, * 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; }
/**
* Form related bugfixes
*
* @bugfix
* @affected IE 5.x/Win, IE6, IE7
* @css-for IE 5.x/Win, IE6, IE7
* @valid no
*/
fieldset, legend { position:relative; }
/*------------------------------------------------------------------------------------------------------*/
/**
* (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 #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; }
/*------------------------------------------------------------------------------------------------------*/
/**
* 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; }
.c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l,
.c20r, .c25r, .c33r, .c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { display:inline; }
/* Fix for:"Linking to anchors in elements within the containing block" Problem in IE5.x & IE 6.0 */
* html .equalize, * html .equalize .subcolumns { overflow:visible; display:block; }
.equalize, .equalize .subcolumns { overflow:hidden; display:block; }
/* transform CSS tables back into floats */
.equalize .c20l,.equalize .c40l,.equalize .c60l,.equalize .c80l,
.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c50l,
.equalize .c62l,.equalize .c66l,.equalize .c75l {
float:left; display:inline;
padding-bottom:32767px;
margin-bottom:-32767px;
}
.equalize .c20r,.equalize .c40r,.equalize .c60r,.equalize .c80r,
.equalize .c25r,.equalize .c33r,.equalize .c38r,.equalize .c50r,
.equalize .c62r,.equalize .c66r,.equalize .c75r {
float:right; margin-left:-5px; display:inline;
padding-bottom:32767px;
margin-bottom:-32767px;
}
.no-ie-padding .c20l,.no-ie-padding .c40l,.no-ie-padding .c60l,.no-ie-padding .c80l,
.no-ie-padding .c20r,.no-ie-padding .c40r,.no-ie-padding .c60r,.no-ie-padding .c80r,
.no-ie-padding .c25l,.no-ie-padding .c33l,.no-ie-padding .c38l,.no-ie-padding .c50l,
.no-ie-padding .c62l,.no-ie-padding .c66l,.no-ie-padding .c75l,
.no-ie-padding .c25r,.no-ie-padding .c33r,.no-ie-padding .c38r,.no-ie-padding .c50r,
.no-ie-padding .c62r,.no-ie-padding .c66r,.no-ie-padding .c75r {
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 #col1_content,
* html #col2_content,
* html #col3_content { word-wrap:break-word; }
/* avoid growing widths */
* html .subc,
* html .subcl,
* html .subcr { word-wrap:break-word; o\verflow: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%; }
}
|
