Rätslerhafter Abstand neben Search-Button im IE 7 - Zen-Theme
Eingetragen von purplepoint (13)am 07.01.2011 - 19:06 Uhr in
Hallo zusammen
Der folgende Fehler hat wahrscheinlich nicht direkt etwas mit Drupal tun, aber vielleicht kann mir ja doch jemand von euch helfen:
Ich benutze das Zen-Theme als Grundlage für folgendes Projekt:
http://www.purplepoint.ch/vademecum
Der Search-Button "Suchen" oberhalb vom Content sollte rechtsbündig erscheinen, was auch in den meisten Browsern funktioniert. Im IE 7 (und noch älteren Versionen) wird aber ein rätselhafter Abstand rechts vom Button eingefügt, siehe angehängte Bilder. Weiss jemand, woher das kommen könnte?
| Anhang | Größe |
|---|---|
| korrekt: mozilla-firefox.jpg | 76.72 KB |
| mit fehlerhaftem abstand: ie7.jpg | 77.59 KB |
- Anmelden oder Registrieren um Kommentare zu schreiben
Du nimmst es aber genau ;) Es
am 08.01.2011 - 14:33 Uhr
Du nimmst es aber genau ;)
Es gibt immer mal wieder Unterschiede in den Browsern und hauptsächlich beim IE, was die Interpretation von CSS Anweisungen betrifft. Du musst dann für den IE angepasste CSS Anweisungen schreiben. Das ZEN Theme stellt hierfür eine extra ie.css Datei zur Verfügung.
Danke für die Antwort! Dass
am 08.01.2011 - 14:58 Uhr
Danke für die Antwort!
Dass der IE manchmal etwas eigenwillig reagiert, weiss ich... :) Die ie.css kenn ich auch. Allerdings habe ich bis jetzt nicht rausgefunden, was genau der IE anders interpretiert. Hat jemand eine Idee? Folgendes macht Probleme:
<div class="breadcrumb-and-search">
<div class="breadcrumb"></div>
<div class="search-box"></div>
</div>
.breadcrumb-and-search {
margin: 20px 0 20px;
padding-left: 20px;
}
.breadcrumb {
float: left;
}
.search-box {
float: right;
text-align: right;
}
wahrscheinlich die
am 08.01.2011 - 15:51 Uhr
wahrscheinlich die formelemente! installiere mal die entwicklertools im ie dann siehst du das. float die inputs mal right, mach mal padding 0