-moz- und -webkit- funtionieren nicht

Druckbare Version

01.12.2014, 21:03
wolle1975

-moz- und -webkit- funtionieren nicht

Hallo Gemeinde,

irgendwie ist das komisch, aber ich habe Probleme, einen Browser über Contao direkt anzusprechen.

Im Firefox und IE sieht alles gut aus, aber im Chrome muss ich leicht anpassen. Nur ne Kleinigkeit in den Paddings.

Aber ich schaffe es nicht, Chrome hier direkt anzusprechen über -webkit-. Funktioniert das nicht mehr? Finde dazu im Netz
auch keine passende Antwort.

Der Chrome (neuste Version) meldet mir, dass er die Deklaration nicht kennt und strecht Sie einfach.

Kann mir hoffentlich jemand erklären, ob sich da was geändert hat?

Vielen Dank!

Gruß Wolfgang
01.12.2014, 21:20
Spooky

-moz- und -webkit- gibt es ja auch nur bei bestimmten CSS Parametern. Was genau hast du vor?
01.12.2014, 21:28
wolle1975

Hi,

ich hab grad mal in einem meiner neueren CSS Bücher geschaut. Und da fand ich auch das Gleiche jetzt was du auch geschrieben hast.

ist ja nur relevant bei CSS3 Eigenschaften.

Ich habe ein Formularfeld (Suche), dass schön in der Mitte platziert ist paddings, also das input field. Aber der Chrome interpretiert es falsch und der Suchcursor
sitzt einfach zu weit oben. Mit etwas mehr padding-top passt es dann im Chrome. Dann hängt aber der Cursor im FF und IE zu weit unten. Sehr lästig.

Deshalb wollte ich den Chrome mit einer CSS Anweisung in Contao direkt ansprechen mit einem einzelnen Padding-top wert. Aber das scheint nicht zu gehen.

Perfekt wäre es wie bei den Conditional Comments für die IE's, aber das gibt es ja glaub ich für Chrome nicht.

Gibt es hier nen Trick, wie ich ne CSS Anweisung an den Chrome schicken kann ohne die anderern Browser dabei anzusprechen?
01.12.2014, 21:35
KlausGrenoble

Vielleicht Java-Script:
http://stackoverflow.com/questions/9...to-chrome-only

Code:

if (navigator.appVersion.indexOf("Chrome/") != -1) { // modify button }
01.12.2014, 21:42
wolle1975

ja, java Script wäre noch ne Möglichkeit. Dachte, dass es vielleicht einfacher über reines CSS gehen würde.

aber wenn ich nur über java Script da ran komme....

Danke trotzdem schon mal für Eure Hilfe

Gruß Wolfgang
01.12.2014, 21:45
Spooky

Mit reinem CSS kann man das sicher lösen, aber nicht so wie du denkst, vermutlich ;)
01.12.2014, 22:26
lucina

Schau mal bitte, welche Klassen <Body> hat. Damit solltest Du zum Ziel kommen.

(Wobei mich schon etwas wundert, was da unterschiedlich positioniert wird. Korrektes CSS vorausgesetzt passiert das zwischen Chome / FF heutzutage doch eher selten)

Sent from my iPad using Tapatalk
01.12.2014, 22:35
tab

Zitat:

Zitat von wolle1975

Gibt es hier nen Trick, wie ich ne CSS Anweisung an den Chrome schicken kann ohne die anderern Browser dabei anzusprechen?

Naja, schau dir mal die Klassen an, die <body> zugewiesen sind in den verschiedenen Browsern. Darüber kannst du natürlich alles machen. Aber schön wird das nicht.

Ich würde eher mal suchen, wo die Unterschiede herkommen. Eventuell von den Browser-Stylesheets. Da könnte die reset.css von Contao oder auch eine "normalize.css" helfen. Beide überschreiben die Styles der Browser-Stylesheets, was für die meisten unterschiedlichen Darstellungen schon Abhilfe bietet.

Edit: Wieder mal zu langsam ;)