|
|||
padding auf mobilen geräten anders?!
Hallo,
ich weiß gar nicht, nach was ich suchen soll ... ich habe (in einer WP-installation, aktueller Stand) Buttons mit "padding: 10px;" und welche mit "padding: 4px 7px;". Das wird mir auf dem Desktop überall korrekt angezeigt. Im Chrome(z.B.) kann ich mir die Moblien Darstellungen anzeigen lassen, dort ist alles fehlerfrei. Es wird auch keine Änderung dieser Angabe in den media queries festgelegt.(so weit mir bewusst) Dennoch, wenn ich die Seite auf einem Handy anschaue, oder auf dem Tablett, dann kleben alle Buttontexte am oberen Rand der buttons. Kann mir jemand einen Hinweis geben, woran das liegen kann? Hier der link zur Seite (die buttons um die es geht, sind in der Sidebar rechts - "mehr erfahren" und "Jetzt bestellen"): dev*dot*wellcuisine*dot*net*slash*rezepte Vielen Dank für eure Hinweise! Irmen PS - gibt es eine Möglichkeit, sich auf dem Tablet die styles anzeigen zu lassen, um rauszufinden was falsch ist? |
Sponsored Links |
|
|||
Habe jetzt keine direkte Lösung, aber so kannst du deine Website auf einem Android Device debuggen:
https://developers.google.com/web/to...ote-debugging/ |
Sponsored Links |
|
|||
Vielen Dank für deinen Tipp,
ich hab das Handy an den debugger angeschlossen, aber ich kann keine styles entdecken, die das Verschieben erklären. Hat sonst noch jemand eine Idee, wo ich suchen kann? vielen Dank für eure Hilfe!! |
|
|||
Gib deinen Links ein display: inline-block.
http://maxdesign.com.au/articles/inline/ Erklärung bezüglich inline Elementen und padding/width/height. |
|
|||
Hallo
ich habe das display: inline-block; überall angegeben und auch geprüft, ob die buttons diese Regel auch bekommen. Leider macht es keinen Unterschied. Hat noch jemand eine Idee oder kennt noch jemand dieses Problem? Vielen Dank für Ratschläge! Irmen |
|
|||
Ich kann das Problem nachvollziehen (Samsung Galaxy M20). Allerdings kann ich auch die Ursache nicht finden. Es gibt einfach zu viele CSS- und JavaScript-Dateien.
Beim Zusammenziehen des Desktop-Browserfensters (Firefox) tritt das Problem nicht aus. Es muss also eine Anweisung geben (wahrscheinlich padding), die nicht auf die Fensterbreite reagiert, sondern dann, wenn sie ein mobiles Gerät erkennt. |
|
|||
Vielen Dank für eure Zeit und eure Gedanken!
Ich habe mir ja zum auf einem Android Device debuggen extra das Handy mit dem PC verbunden und auch dort leider keine Anweiseungen gefunden, die sich auf die buttons bezogen hätten. @protonenbeschleuniger die sidebar wird dann nach unten verschoben, man muss ca. 1Km scrollen, bis man sie sieht ... |
Sponsored Links |
|
|||
Hallo, falls es jemand interessiert: Es sieht so aus, als ob es an der Schrift liegen würde. die wird offensichtlich auf verschiedenen Mobiles nicht korrekt ausgegeben.
Lg Irmen |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verschiebungen bei größerem Bildschirm | seelefant | CSS | 4 | 28.07.2014 16:43 |
Navigation positionieren | maybebabe | CSS | 4 | 08.04.2013 23:17 |
Dynamische Größen | Killhunter | CSS | 0 | 14.05.2011 17:56 |
Problem mit CSS Style | flo007 | CSS | 3 | 25.01.2009 18:08 |
Problem mit CSS in Joomla 1.5 | noobilicius | CSS | 6 | 25.09.2008 21:24 |