Footer se ne pruža do kraja; pomoć pri skaliranju sajta

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Поздрав, људи!

Другар и ја смо одлучили да правимо фото-портфолио сајт да се мало вјежбамо, ја учим front-end (засад сам мало јачи почетник у HTML-у и CSS-у, JavaScript је у плану) а он back-end (засад PHP и MySQL). Иде нам релативно океј, с обзиром да нам је ово споредна активност поред студирања, али пошто смо њубови мало-мало налетимо на неки проблем који нам је мало теже ријешити

Елем, налетио сам на проблем са футером, који изгледа овако:



Поставио сам му width на 100%, али на лијевој страни остане пар милиметара на које неће да се прошири, и не знам како да ријешим то. Код који сам користио:

jsFiddle

За читав сајт сам одредио Container у виду DIV-а ширине 1000 пиксела, а footer сам ставио ван њега, директно у body.

Друго питање: Како да одрадим скалирање сајта да изгледа океј и у нижим резолуцијама и на телефонима? Не тражим да ми неко то одради, само да ми каже основе и да ме упути гдје да тражим

И треће, бонус питање: Код Search форме, како да умјесто "Submit Query" дугмета одредим да буде сличица (лупа, на примјер)? Покушао сам неку фору што сам покупио на StackOverflow, да користим input type=image, али није упалио xD

Хвала унапријед!

• 1Ovo se svidja korisniku: M1los
  
  Registruj se da bi pohvalio/la poruku!

Što se tiče footer-a, odradi u pretraživaču Inspect element (desni klik na element, pa iz kontekstnog menija odaberi akciju) pa vidi koje sve vrednosti atributa ima, odnosno da li ima možda neku marginu ili nešto slično.

Što se tiče drugog pitanja, to što želiš se zove responsive design. Izguglaj malo, to je jako aktuelna tema danas, i ima mnogo o tome na netu.

Za submit dugmeta možeš da koristiš sličicu kojoj ćeš da definišeš onClick event handler. Mada, to je već JS. Možda postoji i neko drugo rešenje bez upotrebe JS-a, ali ni ovo nije ništa komplikovano.

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Хвала на брзом одговору
За Responsive design и onClick ћу копати мало по нету, а за footer те нисам најбоље разумио. Погледао сам га преко Inspect, и нема никакве друге атрибуте осим ових које сам му одредио.

Edit: Ријешио сам проблем са футером. Додао сам линију
left: 0;
и више нема оне празнине. Рјешење је тако једноставно, и сад се осјећам таааако глупаво...