Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Problem sa horizontalnim scrollbarom

[es] :: Web dizajn i CSS :: Problem sa horizontalnim scrollbarom

[ Pregleda: 1964 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost


Profil

icon Problem sa horizontalnim scrollbarom27.06.2011. u 15:44 - pre 155 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

icon Re: Problem sa horizontalnim scrollbarom27.06.2011. u 22:57 - pre 155 meseci
jel onaj deo sirine 1220px fixiran na tu velicinu ili se siri u zavisnosti od rezolucije?
 
Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost


Profil

icon Re: Problem sa horizontalnim scrollbarom28.06.2011. u 08:18 - pre 155 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

icon Re: Problem sa horizontalnim scrollbarom28.06.2011. u 08:51 - pre 155 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
 
Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost


Profil

icon Re: Problem sa horizontalnim scrollbarom28.06.2011. u 09:14 - pre 155 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

icon Re: Problem sa horizontalnim scrollbarom28.06.2011. u 12:20 - pre 155 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

icon Re: Problem sa horizontalnim scrollbarom28.06.2011. u 12:44 - pre 155 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

icon Re: Problem sa horizontalnim scrollbarom30.06.2011. u 21:52 - pre 155 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.
Prikačeni fajlovi
 
Odgovor na temu

ningpa
Beograd

Član broj: 19090
Poruke: 18
94.230.178.*

Sajt: localhost


Profil

icon Re: Problem sa horizontalnim scrollbarom04.07.2011. u 09:00 - pre 155 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

[es] :: Web dizajn i CSS :: Problem sa horizontalnim scrollbarom

[ Pregleda: 1964 | Odgovora: 8 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.