|
CB Dark Template Internet Explorer 7 FIX |
|
|
Donnerstag, 15. Mai 2008 |
Es ist doch immer wieder überraschend, welche Darstellungsprobleme man
mit dem Internet Explorer zufällig entdeckt. So gibt es ein
interessantes Community Builder Problem mit dem CB Template "Dark".
Editiert der User sein Profil im IE verschwinden plötzlich alle
Eingabefelder! Zum Glück ist das Problem schnell behoben.
Eingabe Felder verschwinden im IE7
Per Zufall entdeckte ich heute wieder ein Internet Explorer 7 Darstellungsproblem in Verbindung mit dem Community Builder 1.1 und dem Community Builder Template "Dark". Unter Umständen hat dies auch mit meinem Rockettheme Template Dimensions zu tun, was ich aber nicht überprüfen konnte.
Editiert der User sein Profil, sieht er zuerst eine korrekte Darstellung der Tabs. Fährt er aber mit der Maus über die Eingabefelder, verschwinden diese plötzlich wie von Geisterhand. Eine Eingabe ist nicht mehr möglich. Sehr ärgerlich, denn die meisten User melden so einen Fehler nicht und nutzen damit nicht die Möglichkeiten ihres Profils. Unnötig verschenktes Community Potential. Bekanntlich nutzt immer noch ein Großteil der Besucher den Internet Explorer. Gleichzeitig ist das Community Builder Dark Template sehr schick - ein Verzicht ist damit für mich nicht denkbar. Alle anderen CB Templates funktionieren dagegen einwandfrei.
IE7 Fix für das Dark Template vom CB
Die Lösung des Problems erfolgte wieder mal durch reines Try and Error. Schnell war klar, dass der Fehler in der template.css des Dark Templates liegt. Nach einiger Zeit konnte ich die problematischen CSS Einträge isolieren. Ein simples Auskommentieren einer Zeile löst das IE Darstellungsproblem auf einen Schlag. Editiert werden muss die Datei:
components/com_comprofiler/plugin/templates/dark/template.css
Ihr sucht folgenden Eintrag auf und kommentiert den float Eintrag aus. Zudem sollte man dann die top Variable von 0px auf -2px damit die Optik gleich bleibt.
.dynamic-tab-pane-control .tab-row .tab {
font: Menu;
cursor: pointer;
display: inline;
margin: 1px -1px 1px 2px;
/*float: left;*/
padding: 2px 5px 3px 5px;
/*background: #888;*/
border-width: 0px;
z-index: 1;
white-space: nowrap;
position: relative;
top: -2px;
Ein winziges Problem mit großen Folgen. Dies zeigt mal wieder, dass man als Webmaster von Zeit zu Zeit die eigenen Projekte intensivst mit dem Internet Explorer durchforsten sollte. Dieses Community Builder Template Problem tauchte übrigens nicht mehr im Internet Explorer 8 (Beta) auf. Verrückte IE Welt.
Nächster Artikel: >> JoomlaComment - Duplicate Content durch RSS Feed. Vorheriger Artikel: >> Joogle 2.0 Community Builder Karte - FIX. Tags: community builder dark template internet explorer fix template joomla dark |
Character problem. empty comment
Character problem. empty comment
Danke für die Rückmeldung, du be...
Sehe ich ähnliche - eine super Sh...
Hi Rage, schwierige Frage! Das g...
Das immer die blödesten Sachen da...
Zum wegschmeißen findei ich hier ...
Hallo, dies würde heissen, ich mü...
Hier gibts ebenfalls Probleme was...
"
Hi Robert, danke für deinen lese...
Meiner Meinung nach wird LSO derz...