CSS problem

Ako znam đe ovu temu da postavim.

Bakćem se najosnovnijim css-om jer me je uvijek zbunjivao a napokon imam malo vremena da radim oko toga.

Pitam ovdje jer ne znam kako da proformulišem problem na engleskom i da izguglam

https://image.prntscr.com/image/pNZn...RqjWucX2Gw.png

Ovaj zeleni blok sam htio staviti "od zida do zida" ali mi on konstantno počinje nekih 8 px udesno.

Code:

---

        width: 100vmax;
        height: 100px;
        position: relative;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;

---

width mi je bilo 100% prije ovoga i ovo position sam izmijenjao sve 4 opcije ali nikako neće da mi krene od početka lijevo no imam ovu rupicu prije početka. Kada ovo left stavim -8 onda mi desno napravi rupu, mada pretpostavljam da ni to nije pravo rješenje.

Ukoliko sam pravilno pretpostavio, problem je vjerovatno u margini od body elementa. Pogledaj na linku ispod :)

JS Fiddle link

ovo je ja mislim da ti se sva ta podesavanja resetuju.

https://necolas.github.io/normalize.css/

Ne ide ti tako kako si postavio.
Stavi margin: 0, na taj element ili na body tag.
Mozes width: 100%;
Ali bolje je display: block;

Ovo ispod sve makni to ti ne treba -

position: relative;
top: 0;
bottom: 0;
right: 0;
left: 0;

ovo sto njemu pravi problem su browser-ov default-ni css, svaki browser ima svoja podesavanja.

Za ovakve stvari ti je strasna stvar Chrome-ov "inspect" koji mozes otvoriti na F12.
U samom lijevom cosku imas opciju da prevlacenjem misa preko zeljenog elementa dobijas i informacije o njemu, tako da bi tu najlakse vidjeo sta ti je tacno problem (margina, pading, granica bi ti pisali na grafici sa donje desne strane).

Ja kao po običaju, zaboravim da sam nešto pitao.. Poslušao sam prvi savjet na koji sam naletio, na heliumov ovaj put. Ovako za sada izgleda moj prvi css:

https://image.prntscr.com/image/yfJT...XI5FBby5lA.png

Od momenta postavljanja pitanja nisam skoro ništa drugo radio ali ću pokušati sam da posložim ovih dana neke idejice. Sve mi to tako lako zvuči kada zamišljam sebe da uzimam fotošop i nacrtam to što želim, ovako je daleko komplikovanije.

https://image.prntscr.com/image/o0um...SEpq4tb8zw.png

Cilj mi je da tekst odvojim od ivica da metnem par linijica između u zelenom polju stavim fotografiju i na sred fotografije postavim box sa tekstom koji opisuje nešto :D

Kada uspem to javljam se. Ako bude trebalo pomoć javljam se ponovo. Ostalo pokušavam sam.
Hvala za odgovore.

Poz ljudi, eto mene opet u ovoj temi. Nisam siguran kako da izguglam ovaj moj "problem" na netu pa reko' da vas pitam ovdje ponovo:

Želim na sajtu staviti text box u koji će biti moguće ukucati određen tekst, taj tekst se treba dodati ili nadovezati na "bazni" link sajta i otvoriti ga u punoj veličini.

Tačnije pravim neke kratke linkove sa bit.ly servisom i sada želim da na Instagramu postavim samo kod, produžetak tog kratkog linka, da ljude ne smaram da kucaju pješke i ovo bit.ly/nekitekst nego da kliknu na link na instagramu u webpage sekciji te da se tamo otvori moj sajt sa tim text box -om i da tamo korisnik ukuca kod ispod slike "nekitekst" i da sajt nakon toga otvori direktno taj sajt.

Na sličnom principu radi opcija pretraživanja iz browsera Maxthon gdje vi da bi pretraživali direktno iz URL boxa morate unijeti u podešavanja "https://www.google.com/search?q=" ovaj link jer da ukucate samo "www.google.com" browser bi tražene riječi smjestio odmah iza .com domena i pretraga bi izgledala "www.google.comneka+riječ".

Valjda nisam previše komplikovano ovo napisao.

Pozdrav!