iWebkit - Problem mit Submit Button
Eingetragen von BeTZe (105)am 19.08.2011 - 10:13 Uhr in
Hallo Zusammen,
ich bin dabei meine Seite mit dem iWebkit Theme für Mobile geräte zu optimieren. Das klappt auch ganz gut. Jetzt habe ich aber ein Problem. Zum testen habe ich einfach mal eine Page mit folgendem Inhalt gemacht:
<div style="text-align:center; padding:20px; border:thin solid red; margin:25px">
test
</div>
<div align="left">
<input type="submit" name="op" id="edit-submit-1" value="Speichern" class="form-submit" />
</div>Im Browser sieht das alles Ok aus. Auf dem Handy steht der Submit Button aber ganz oben. Das
liegt da drüber. Wie kann ich das umgehen? Jemand Tipps?
Danke im voraus.
- Anmelden oder Registrieren um Kommentare zu schreiben
hallo betze ich verstehe
am 19.08.2011 - 11:43 Uhr
hallo betze
ich verstehe nicht so ganz warum du 2 block elemente (div)
verwendest um 2 inline elemente ( der text 'test' und der submitbut)
zu floaten?!?
machs doch so
<span style="text-align:center; padding:20px; border:thin solid red; margin:25px">test</span><input type="submit" name="op" id="edit-submit-1" value="Speichern" class="form-submit" />
gruss
stef
Das mit den beiden war nur
am 20.08.2011 - 00:11 Uhr
Das mit den beiden
Wie bekomme ich es hin, dass in diesem Fall unter dem SPAN Element steht. Es ist wie gesagt nur beim iWebkit Theme.
hi betze tut mir leid ich
am 20.08.2011 - 10:31 Uhr
hi betze
tut mir leid ich verstehe deine fragen dann wohl nicht richtig
also, der submit botton soll jetz was?
Auf dem Handy steht der Submit Button aber ganz oben. Das
liegt da drüber. Wie kann ich das umgehen?
die anfrage ist aber aich nicht eindeutig.
Bei deinem Beispiel steht der Button auch hinter dem SPAN Element.
du meinst rechts daneben...?
und das soll es nicht sein, ok verstanden
Wie bekomme ich es hin, dass in diesem Fall unter dem SPAN Element steht.
<div style="width:100%;height;auto;text-align:center; padding:20px; border:thin solid red; margin:25px">test
</div>
<div style="width:100%;height;auto;text-align:left;">
<input type="submit" name="op" id="edit-submit-1" value="Speichern" class="form-submit" />
</div>
so werden die beiden untereinander angezeigt
gruss
stef
Moin, danke für deinen Tipp
am 22.08.2011 - 14:30 Uhr
Moin,
danke für deinen Tipp stef. Wenn ich das so mache sieht es im Browser so aus wie ich es haben möchte.
Wenn ich aber iWebKit als Theme auswähle sieht es so aus wie auf dem Bild. Das rote DIV mit Test liegt über dem Button mit Speichern.
hi betze benutzt du auch den
am 22.08.2011 - 20:23 Uhr
hi betze
benutzt du auch den firebug?
gruss
stef
Bis jetzt nicht. Kann ich
am 23.08.2011 - 07:46 Uhr
Bis jetzt nicht. Kann ich aber mal machen. Was genau soll ich damit machen?
hi betze das musst du
am 23.08.2011 - 08:01 Uhr
hi betze
das musst du unbedingt, mit firebug arbeiten.
ohne ist wie blindflug
da gibt es eine schöne anleitung von
freund thoor für alle
http://www.thoor.de/drupal/video-tutorial/css-easy-way-mit-firefox-firebug
danach weist du nicht mehr wies ohne ging :)
viel spass damit
gruss
stef
Werde ich mir mal anschauen.
am 23.08.2011 - 12:40 Uhr
Werde ich mir mal anschauen. Das komische ist ja, dass es im Browser am PC richtig aussieht. Nur im Theme für den mobilen Zugriff nicht.
shalom Zitat: Werde ich mir
am 23.08.2011 - 13:13 Uhr
shalom
Werde ich mir mal anschauen. Das komische ist ja, dass es im Browser am PC richtig aussieht. Nur im Theme für den mobilen Zugriff nicht.
weil da sicherlich verschiedene themes für 'zuständig' sind...
daher sollst du dir das ja auch mit firebug anschauen.
ohne firebug macht alles weitere hier keinen weiteren sinn
gruss
stef