Runde Ecken im Internet Explorer IE und Drupal 7
Eingetragen von unimarkt (67)am 22.01.2011 - 16:20 Uhr in
Sorry, dass ich dieses Thema wieder aufgreife, aber konnte durch Suchen mein Problem nicht lösen.
Problem (bekannt): Im IE keine runde Ecken via CSS (.curved)
Die Lösung ist beschrieben auf http://das-drupal-magazin.de/runde-ecken-ohne-bilder-auch-fuer-den-ie
ABER: das funktioniert nicht und ich habe das Gefühl, etwas falsch gemacht zu haben. Also, ich habe:
- die Datei border-radius.htc in den selben Ordner wie die style.css kopiert.
- und die theme.info mit der Zeile "stylesheets[all][] = css/border-radius.htc" ergänzt
Da sieht ihr sicher gerade einen (dummen) Fehler.. ?!
- Anmelden oder Registrieren um Kommentare zu schreiben
Kannst du uns mal einen Link
am 22.01.2011 - 16:46 Uhr
Kannst du uns mal einen Link zu deiner Seite schicken ?
Hast du nach dem Einbinden der HTC-Datei den Theme Cache von Drupal geleert ?
Falls es trotz alledem nicht klappen sollte ist das Script von http://css3pie.com/ auch recht nett für CSS3 Effekte im IE.
SteffenR
http://www.twitter.com/_steffenr
Drupal-Initiative e.V.
Du solltest beim Aufurf von
am 22.01.2011 - 16:57 Uhr
Du solltest beim Aufurf von behaviour die absolute URL angeben! Manchmal scheitert es daran!
C.A.W. Webdesign
Danke für die raschen
am 22.01.2011 - 17:46 Uhr
Danke für die raschen Antworten.
Ich habe die absolute url angegeben (ohne Erfolg) und der Link ist www.jubla-stmichael.ch
Das verwendete Theme ist sky unter D7
Theme-cache geleert: Zur Sicherheit: admin/config/development/performance -> gesamten Cache löschen
Kannst du testweise einmal
am 22.01.2011 - 19:06 Uhr
Kannst du testweise einmal die Komprimierung der Javascripts bzw. CSS Dateien deaktivieren. Hier scheint es im IE einen Fehler zu geben. Die .htc wird auf jeden Fall korrekt eingebunden.
SteffenR
http://www.twitter.com/_steffenr
Drupal-Initiative e.V.
habe ich gemacht. ...
am 22.01.2011 - 19:11 Uhr
habe ich gemacht. ...
unimarkt schriebhabe ich
am 22.01.2011 - 19:20 Uhr
habe ich gemacht. ...
Laut Fehlermeldung tritt der Javascript Fehler in der rounded-Corners Javascript auf.
Du hast die Behaviour Datei falsch in dein Theme eingebunden. Eine Einbindung über die .info Datei des Themes ist nicht nötig !
Auf Drupal-Magazin wird das Vorgehen genau beschrieben.
Es reicht aus, wenn du dein CSS um die folgende Zeile anreicherst:
behavior: url(border-radius.htc);Quelle:
http://das-drupal-magazin.de/runde-ecken-ohne-bilder-auch-fuer-den-ie
SteffenR
http://www.twitter.com/_steffenr
Drupal-Initiative e.V.
Also sorry, das stimmt, so
am 23.01.2011 - 17:45 Uhr
Also sorry, das stimmt, so habe ich es zuerst auch probiert, aber es klappt nicht...
Nochmals in der style.css steht:
#skip-link a {display: inline-block;
padding: 0.7em 1em;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
border-radius: 0 0 8px 8px;
behavior: url(border-radius.htc);
}
und die border-radius.htc ist im selben Ordner wie die style.css. (ganze url angeben hilf auch nicht)
Ich verwende IE 8 und anscheinend will das einfach nicht hinhauen.. naja, sehen halt die I-eplorer keine gerundete ecken ;-)
Du kannst dir in die behavior
am 24.01.2011 - 08:32 Uhr
Du kannst dir in die behavior Datei auch einfach mal ein
alert("Hallo Welt");in den Script-Teil schreiben - nur um zu sehen, ob er die Datei auch wirklich lädt..
SteffenR
http://www.twitter.com/_steffenr
Drupal-Initiative e.V.
IE8
am 24.01.2011 - 08:38 Uhr
Hallo,
Ist das Problem bei dir nur im IE8 oder auch im IE7?
Wenn es nur im IE8 ist, du die .htc wirklich korrekt eingebunden hast dann füge deinem Style doch einmal noch:
position:relative;z-index:1;
hinzu.