Hallo, ich habe ein kleines Problem mit meinem Footer... er sollte eigentlich am unterem Teil der Seite sein, aber leide klebt er am Bildschirmrand und bleibt beim scrollen stehen...
http://prntscr.com/956msw
Aber das soll er nicht :`-(
-
-
mit position fixed bleibt der footer fest an einer Positionwenn du nun bottom:0px; dazu gibst ist es 0pixel von unten bzw.von der unteren Browser kante entfernt.
-
Noch was, ich probiere mich grade an einer Mobilen seite kriege aber den such button nicht genau neben die such box... und auch das such icon weigert sich mächtig °--°
http://prntscr.com/956zwa
sollte eigentlich ein nachbau von dem sein:
http://prntscr.com/95705e -
kannste mit margin oder padding versuchen (falls padding vorhanden einfach raus nehmen) kannst auch -zahlen benutzen falls es kein margin hat.
-
sobal ich bei -70px bin (margin top) fängt der blaue button an nach unten zu springen... ich kriege ihn nicht auf höhe des textfeldes
HTML
Alles anzeigen<body> <center> <div id="topbar" class="topbar" style="background:url(../IMAGES/toogle_logo_small.png)"></div> <div id="searcharea"> <div id="search-field-div"> <input class="search-field" type="text"> </div> <div id="search-button-div"> <i class="fa fa-search"></i> </div></div> <div id="bottombar"> <button class="lsb" value="Suche" aria-label="Toogle-Suche" name="btnG" type="submit"> <span class="sbico"></span> </button> </div> </center> </body>CSS
Alles anzeigen.topbar { margin-top: 5%; margin-left: auto; margin-right: auto; background: transparent url("../../IMAGES/toogle_logo_small.png") no-repeat scroll 0% 0%; height: 65px; width: 191px; } #searcharea { position: relative; padding-top: 5%; } .search-field { width: 70%; height: 38px; border: 1px solid #D9D9D9; font-size: 16px; padding-left: 9px; } #search-button-div { border-bottom-left-radius: 0px; border-top-left-radius: 0px; height: 40px; background-color: #4285F4; background-image: none; border: medium none; color: white; text-align: center; font-size: 25px; min-width: 38px !important; width: 40px; display: inline-block; margin-top: -70px; /*padding-top: 5%;*/ } -
wie is das denn aufgebaut? Zeig mal etwas code damit wir besser helfen können.
E://
Versuch mal alles in ein div zu packen und darin das margin zu setzen.
-
So, habe es nun hinbekommen danke... Jetzt der schock... habe es grade aufm webspace hoch gelade, mitm Handy aufgerufen und was ist? der Button ist versetzt nach unten, Die schrift ist extrem klein, man kann und muss rein zoomen °-°
HILFE!!!toogle.ga/mobile
-
-
breadfish.de
Hat das Thema geschlossen.
