Div "Toggle Button Responsive" nach Zeilenumbruch zentrieren ?

  • Moin Zusammen,


    kann mir vllt jemand helfen ?


    Ich programmiere gerade eine Responsive Website und habe ein Problem.
    Wenn ich die Seite auf einem kleineren Gerät z.b. iPhone 5 Anzeige ... wird die NavBar ausgeblendet und ein Toggle Button für ein Dropdown Menü erscheint ...
    Der Button ist auf der Rechten Seite fixiert.... Soll aber wenn das Gerät zu klein ist und ein Zeilenumbruch stattfindet und der Toggle Button eine Zeile tiefer gesetzt wird zentriert werden.
    Allerdings sitzt der Button auch nach dem Zeilenumbruch (Aufgrund der Device-Breite) auf der Rechten Seite des Bildschirms.
    Ich möchte diesen Button allerdings zentrieren...sollte ein Zeilenumbruch stattfinden...


    Jemand ne Idee ?

  • Hey,


    Also wenn ich das jetzt richtig verstanden habe, möchtest du ab einer bestimmten Bildschirmgröße, einen Button zentrieren.
    Dann sollte dir das hier helfen: http://www.html-seminar.de/med…ies-responsive-design.htm


    Einfach die Bildschirmbreite ermitteln, ab wann der "Zeilenumbruch" stattfindet und dann ab dieser Größe den Button mithiolfe eines solchen Querys zentrieren.


    Findet man auch im web viel dazu, und da du ja scheinbar schon HTML-Elemente ausblendet bei bestimmten größen, solltest du solche Querys ja eigentlich auch schon haben?!


    Gruß Kanu

  • Die letzte Antwort auf dieses Thema liegt mehr als 365 Tage zurück. Das Thema ist womöglich bereits veraltet. Bitte erstelle ggf. ein neues Thema.

    • :)
    • :(
    • ;)
    • :P
    • ^^
    • :D
    • ;(
    • X(
    • :*
    • :|
    • 8o
    • =O
    • <X
    • ||
    • :/
    • :S
    • X/
    • 8)
    • ?(
    • :huh:
    • :rolleyes:
    • :love:
    • :pinch:
    • 8|
    • :cursing:
    • :wacko:
    • :thumbdown:
    • :thumbup:
    • :sleeping:
    • :whistling:
    • :evil:
    • :saint:
    • <3
    • :!:
    • :?:
    Maximale Anzahl an Dateianhängen: 10
    Maximale Dateigröße: 1 MB
    Erlaubte Dateiendungen: bmp, gif, jpeg, jpg, pdf, png, txt, zip