Carsten Euwens am 28. August 2006 um 21:04 Uhr

2006-08-28T21:04:44Z

Carsten Euwens am 28. August 2006 um 20:53 Uhr

2006-08-28T20:53:10Z

Neue Seite

<div class="breadcrump">Sie sind hier: [[Hauptseite]] / [[Papoo CSS Layout]] / [[CSS Grundgerüst]] / [[IEFixes__index.css]]</div>
=IEFixes__index.css=
Alle Einstellungen die getroffen werden müßen um Bugs im IE auszugleichen werden hier eingetragen. '''Diese Einträge nur mit Bedacht ändern:'''

/* IEFixes */
/* Extrem-Zoom im IE beiseitigen. Durch die Font-Definition zoomt der IE wieder normal */
body * { }

/* Hold Floats-Hack: Sorgt im IE dafür, dass Floats ihre Breite behalten und nicht unkontrolliert */
/* seitlich ausbrechen. */

/* Hides from IE-mac \*/
* html .hold_floats {height: 1%;}
/* End hide from IE-mac */

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* .floatbox-Anpassung für IE */
/* Hides from IE-mac \*/
* html .floatbox {width:100%;}
/* End hide from IE-mac */

/* Vermeidung des 'Internet Explorer and the Expanding Box Problem'
/* Erläuterungen zum Hack: http://www.positioniseverything.net/explorer/expandingboxbug.html
**
** Der Lösungsvorschlag mittels Overflow:hidden macht in den IE-Versionen 5.01 und 5.5 massive Probleme. Die DIVs werden
** dort überhaupt nicht mehr angezeigt. Der erzwungene Textumbruch funktioniert hingegen und kann angewandt werden. Sieht
** allerdings nicht sonderlich schön aus.
*/

/* Ende des Hacks */

/* Eigene Erweiterung des von mir 'Internet Explorer and the Flickering Box Problem' getauften Bugs.
** Bei bestimmten Breiten des Browserfensters 'verschwindet' die mittlere Spalte völlig und taucht bei kleiner Veränderung
** der Fensterbreite wieder auf.
** Durch 'display:inline' für #col2_content wird das ganze alberne Verhalten der mittleren Spalte im IE aufgehoben.
** Dementsprechend müssen jedoch die Abstandsdefinitionen an #col2 übergeben werden.*/
#col3_content {display: inline; padding: 0px; margin: 0px; }

#col3_content .floatbox {display: inline-block; width: auto; }

==Papoo Einträge==
* #mod_menu .menuxaktiv, #mod_menu .menuxaktiv_back {}
* #mod_menu ul li
* #mod_menu a
* #kopftext
* #mod_efa_fontsize
* #mod_menue_top
* #mod_sprachwahl
* #head
*.form fieldset

/* Alle innerhalb von #col2_content verwendeten Blocklevel-Elemente müssen display:inline-block; erhalten */
h1, h2, h3, blockquote, blockquote.css, blockquote.xhtml, blockquote.hint {display: inline-block;}
/* Ende des Hacks */

/* Für #col2 muss ein minimaler { padding-top: 0.05em } angegeben werden damit der IE die border bis ganz nach oben zeichnet. */
#col3 {margin-top: 0px; padding: 1em; padding-top: 1.05em; }

@@ Zeile 3: / Zeile 3: @@
 Alle Einstellungen die getroffen werden müßen um Bugs im IE auszugleichen werden hier eingetragen. '''Diese Einträge nur mit Bedacht ändern:'''
- /* IEFixes */
+/* IEFixes */
- /* Extrem-Zoom im IE beiseitigen. Durch die Font-Definition zoomt der IE wieder normal */
+/* Extrem-Zoom im IE beiseitigen. Durch die Font-Definition zoomt der IE wieder normal */
- body * { }
+body * { }
-−
- /* Hold Floats-Hack: Sorgt im IE dafür, dass Floats ihre Breite behalten und nicht unkontrolliert  */
+/* Hold Floats-Hack: Sorgt im IE dafür, dass Floats ihre Breite behalten und nicht unkontrolliert  */
- /* seitlich ausbrechen. */
+/* seitlich ausbrechen. */
-−
- /* Hides from IE-mac \*/
+/* Hides from IE-mac \*/
- * html .hold_floats {height: 1%;}
+* html .hold_floats {height: 1%;}
- /* End hide from IE-mac */
+/* End hide from IE-mac */
-−
- /* Clearfix-Anpassung für IE */
+/* Clearfix-Anpassung für IE */
- .clearfix {display: inline-table;}
+.clearfix {display: inline-table;}
- /* Hides from IE-mac \*/
+/* Hides from IE-mac \*/
- * html .clearfix {height: 1%;}
+* html .clearfix {height: 1%;}
- .clearfix {display: block;}
+.clearfix {display: block;}
- /* End hide from IE-mac */
+/* End hide from IE-mac */
-−
- /* .floatbox-Anpassung für IE */
- /* Hides from IE-mac \*/
- * html .floatbox {width:100%;}
- /* End hide from IE-mac */
-−
- /* Vermeidung des 'Internet Explorer and the Expanding Box Problem'
- /* Erläuterungen zum Hack: http://www.positioniseverything.net/explorer/expandingboxbug.html
- **
- ** Der Lösungsvorschlag mittels Overflow:hidden macht in den IE-Versionen 5.01 und 5.5 massive Probleme. Die DIVs werden
- ** dort überhaupt nicht mehr angezeigt. Der erzwungene Textumbruch funktioniert hingegen und kann angewandt werden. Sieht
- ** allerdings nicht sonderlich schön aus.
- */
-−
- /* Ende des Hacks */
- /* Eigene Erweiterung des von mir 'Internet Explorer and the Flickering Box Problem' getauften Bugs.
+/* .floatbox-Anpassung für IE */
- ** Bei bestimmten Breiten des Browserfensters 'verschwindet' die mittlere Spalte völlig und taucht bei kleiner Veränderung
+/* Hides from IE-mac \*/
- ** der Fensterbreite wieder auf.
+* html .floatbox {width:100%;}
- ** Durch 'display:inline' für #col2_content wird das ganze alberne Verhalten der mittleren Spalte im IE aufgehoben.
+/* End hide from IE-mac */
- ** Dementsprechend müssen jedoch die Abstandsdefinitionen an #col2 übergeben werden.*/
- #col3_content {display: inline; padding: 0px; margin: 0px; }
+/* Vermeidung des 'Internet Explorer and the Expanding Box Problem'
- #col3_content .floatbox {display: inline-block; width: auto; }
+#col3_content .floatbox {display: inline-block; width: auto; }
 ==Papoo Einträge==
@@ Zeile 56: / Zeile 55: @@
 *.form fieldset
- /* Alle innerhalb von #col2_content verwendeten Blocklevel-Elemente müssen display:inline-block; erhalten */
+/* Alle innerhalb von #col2_content verwendeten Blocklevel-Elemente müssen display:inline-block; erhalten */
- h1, h2, h3, blockquote, blockquote.css, blockquote.xhtml, blockquote.hint {display: inline-block;}
+h1, h2, h3, blockquote, blockquote.css, blockquote.xhtml, blockquote.hint {display: inline-block;}
- /* Ende des Hacks */
+/* Ende des Hacks */
-−
- /* Für #col2 muss ein minimaler { padding-top: 0.05em } angegeben werden damit der IE die border bis ganz nach oben zeichnet. */
+/* Für #col2 muss ein minimaler { padding-top: 0.05em } angegeben werden damit der IE die border bis ganz nach oben zeichnet. */
- #col3 {margin-top: 0px; padding: 1em; padding-top: 1.05em; }
+#col3 {margin-top: 0px; padding: 1em; padding-top: 1.05em; }

IEFixes index.css - Versionsgeschichte

Carsten Euwens am 28. August 2006 um 21:04 Uhr

Carsten Euwens am 28. August 2006 um 20:53 Uhr