[es] - Problem sa horizontalnim scrollbarom

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost

Profil

Problem sa horizontalnim scrollbarom

^{27.06.2011. u 15:44 - pre 168 meseci}

Zdravo svima,

imam problem sa definisanjem strukture stranice. Malo je komplikovano, pa sam zakacio sliku da bi bilo jasnije.

Zahtev je sledeci:
- scrollbar sme da se pojavi samo kada je sirina stranice manja od 960px (odnosno kada je viewport manji od sirine sadrzaja)
- baneri sa strane moraju da budu 'klikabilni'
- u headeru i footeru se nalazi grafika koja se pruza 'celom' sirinom (od 1200px)
- ljubicasti i sivi pravouganik takodje imaju sadrzaj (koji nije siri od 960px)

Pokusao sam ovo da resim na vise nacina, uz par nesporazuma (u pocetku nigde nije bilo naznaceno da strana treba ovako da se ponasa), ali nisam uspeo.

Bio bih veoma zahvalan ako neko ima predlog u kom pravcu da potrazim resenje.

Hvala unapred.

We have no Great War. No Great Depression.
Our great war is a spiritual war. Our great depression is our lives.

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Problem sa horizontalnim scrollbarom

^{27.06.2011. u 22:57 - pre 168 meseci}

jel onaj deo sirine 1220px fixiran na tu velicinu ili se siri u zavisnosti od rezolucije?

rafforum.rs - Forum Računarskog Fakulteta

Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost

Profil

Re: Problem sa horizontalnim scrollbarom

^{28.06.2011. u 08:18 - pre 168 meseci}

Fiksiran.

Jedno od resenja, kome cu mozda pribeci, jeste da postavim

Code:

body{
overflow-x: hidden;
}

cime bih ukinuo scroll potpuno.

Drugo resenje, koje bih u kranjem slucaju primenio, jeste da pomocu javascripta ispitam veclicinu prozora prilikom ucitavanja stranice i svakog resizea i u zavisnosti od toga togglejem overflow-x: hidden;.

We have no Great War. No Great Depression.
Our great war is a spiritual war. Our great depression is our lives.

Odgovor na temu

operativac_
web design

Član broj: 215550
Poruke: 42
*.static.isp.telekom.rs.

ICQ: 18003395

+4 Profil

Re: Problem sa horizontalnim scrollbarom

^{28.06.2011. u 08:51 - pre 168 meseci}

Code:

html {overflow:scroll;}

ovo ih pokazuje stalno, sto je mnogo bolje

a kao sto vidis po slici, i nije ti pametno da pravis sire sajtove od 980px, zato sto ce se lose prikazati svakom 3 posetiocu...

Prikačeni fajlovi

1024.jpg - 74.6k

Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost

Profil

Re: Problem sa horizontalnim scrollbarom

^{28.06.2011. u 09:14 - pre 168 meseci}

znam za to, stalno ih i pravim u 980px, ipak hvala na sugestiji :)

jednostavno to je eksplicitan zahtev poslodavca (zbog toga je i bilo nesporazuma), sirina da bude 1220px i da nema scrolla za ekran >= 1024px sirine.

za sada sam resio to na sledeci nacin:

Code:

$(document).ready(function() {

if( $(window).width() < 980 )
     $(document.body).css('overflow-x', 'visible');

$(window).resize(function() {
     if( $(window).width() < 980 )
     $(document.body).css('overflow-x', 'visible');
});

});

We have no Great War. No Great Depression.
Our great war is a spiritual war. Our great depression is our lives.

Odgovor na temu

Br@nkoR
http://localhost

Član broj: 2597
Poruke: 1603

Sajt: localhost

+23 Profil

Re: Problem sa horizontalnim scrollbarom

^{28.06.2011. u 12:20 - pre 168 meseci}

Možeš da probaš i sa CSS3 Media Queries kod modernijih browser-a, nešto kao:

Code:

@media screen and (min-width: 960px) and (max-width: 1220px) {
  body {
    overflow-x: hidden;
  }
}

^{Banned - Not available}

Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost

Profil

Re: Problem sa horizontalnim scrollbarom

^{28.06.2011. u 12:44 - pre 168 meseci}

onda bih morao da radim browser proveru?

We have no Great War. No Great Depression.
Our great war is a spiritual war. Our great depression is our lives.

Odgovor na temu

Aleksandar Ružičić
Software Architect, Appricot d.o.o.
Beograd

Član broj: 26939
Poruke: 2881

Jabber: krckoorascic@gmail.com
Sajt: krcko.net

+44 Profil

Re: Problem sa horizontalnim scrollbarom

^{30.06.2011. u 21:52 - pre 168 meseci}

Nestigoh ranije da ti odgovorim.. Elem, ukoliko su ti margine u kombinaciji sa relativnim pozicioniranjem prihvatljive mogao bi nesto tako da uradis na ovaj nacin (view source). Istina, ovaj pristup ima mana i komplikuje i markup i css dodatno ali je po meni ipak bolje od js resenja (jer nemaju svi js).

sto se banera tice oni bi trebali bolje da se odrade, ja sam samo naveo najprostiji primer.

rafforum.rs - Forum Računarskog Fakulteta

Prikačeni fajlovi

layout.html - 2.56k

Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost

Profil

Re: Problem sa horizontalnim scrollbarom

^{04.07.2011. u 09:00 - pre 168 meseci}

hvala :)

nesto slicno (sa negativnim marginama) sam uradio i dobio sam uzasan markup.

pokusacu da primenim tvoje resenje, bar da js izbacim.

hvala jos jednom.

We have no Great War. No Great Depression.
Our great war is a spiritual war. Our great depression is our lives.

Odgovor na temu