IEFixes index.css
aus Papoo Dokumentation, der freien Wissensdatenbank
(Unterschied zwischen Versionen)
| 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:''' | 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== | ==Papoo Einträge== | ||
| Zeile 56: | Zeile 55: | ||
*.form fieldset | *.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; } | |
Aktuelle Version vom 28. August 2006, 22:04 Uhr
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; }
