Centriranje stranice i fiksiranje navigacije

poruka: 5
|
čitano: 746
|
moderatori: XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
16 godina
neaktivan
offline
Centriranje stranice i fiksiranje navigacije

Počeo sam malo učiti HTML/CSS i pokušavam napraviti nekakvu stranicu.

Htio bih da ima fisknu navigaciju i sa lijeve i desne strane, samo da se sredina gdje će biti sadržaj scrolla.

Zapeo sam pa ako netko može pomoći bio bih zahvalan.

Ovdje je kod http://codepen.io/Chris28/pen/pjdPQY.

 

Koristim bootstrap, htio bih smanjiti širinu navigacije, ali ako dodam 

.col-md-3 {
max-width:250px;
}

onda mi stranica više nije centrirana.

Također, ne znam na koji način bih fiksirao navigaciju, bez da se sve poremeti.

 

Možda je bolje da ne koristim css framework?

 
0 0 hvala 0
16 godina
odjavljen
offline
Re: Centriranje stranice i fiksiranje navigacije

nav-fixed-top

 

Za širinu, ubaci navigacije u još jedan div (col-sm-3) unutar ovog md-3 što imaš i njemu smanji max-width na željeni.

And I looked, and behold a pale horse: and his name that sat on him was Death, and Hell followed with him...
16 godina
neaktivan
offline
Re: Centriranje stranice i fiksiranje navigacije

Problem je što kad stavim nav-fixed-top proširi se na cijelu širinu stranice i to na vrh.

 

A napravio sam i ovo drugo što si rekao, ali nisam dobio što sam htio (možda nešto krivo radim), a osim toga nav-fixed-top onda nema nikakvog efekta.

http://codepen.io/Chris28/pen/meqwQa

 

 

Ako stavim class="col-sm-3 pull-right" i za tu klasu min-width:250px; onda dobijem što želim ali i dalje nije fiksiran.

Nadam se da sam dovoljno jasan.

Poruka je uređivana zadnji put sub 17.10.2015 19:14 (Chris_28).
16 godina
odjavljen
offline
Re: Centriranje stranice i fiksiranje navigacije

Da, joj, ja zaboravio da ga uvijek odgura gore.

 

Moram malo pogledati kako bi to išlo, možda netko bude brži

And I looked, and behold a pale horse: and his name that sat on him was Death, and Hell followed with him...
16 godina
neaktivan
offline
Re: Centriranje stranice i fiksiranje navigacije

Najradije bih to napravio bez bootstrap-a ali već sam pokušao i nikako mi ne uspijeva.

1
Nova poruka
E-mail:
Lozinka:
 
vrh stranice