banjalukaforum.com

Pozdrav, treba mi pomoc hitno ako ima neko dobar u CSS-u. Situacija sledeca, treba da linkujem background image stranice sa lijeve I desne strane.

Uradio sam ovo, primjer koda:

HTML:

<div id="body-wrapp-glavni">
<a id="box-bg-link-lijevo" href="#"></a>
<a id="box-bg-link-desno" href="#"></a>
<div>

CSS:

#box-bg-link-lijevo {
position: absolute;
display: block;
top: 0px;
width: 480px;
height: 100%;
background-color: transparent;
border: 1px solid yellow;
margin-left: -481px;
padding-bottom: 120px;
margin-top: -120px;
overflow: hidden;
}


#box-bg-link-desno {
position: absolute;
display: block;
top: 0px;
width: 480px;
height: 100%;
background-color: transparent;
border: 1px solid blue;
margin-left: 1003px;
padding-bottom: 120px;
margin-top: -120px;
overflow: hidden;
}


div#body-wrapp-glavni {
position: relative;
margin-left:auto;
margin-right:auto;
width: 1003px;
height: 1080;
border: 1px solid blue;
}

Bitno mi je znaci da je vezan za ovaj div body-wrap-glavni posto imam jos elemenata na stranici I odvojen background vezan za body koji je centriran.

Sad, problem je u sljedecem, kad je lijevi box link upaljen sve radi ok, ali kad upalim I desni box ili samo desni sadrzaj se na zumu ili manjoj rezoluciji skrolluje sto mi ne odgovara, overflow: hidden; za desni blok mi ne radi, ne razumijem zasto, ako neko ima rjesenje pomagajte, treba mi da desni skrol kad udari u ivicu ekrana ne pravi scroll, nego tek kad centralni body popuni ekran.

Napominjem lijevi overflow radi savrseno, ali desni ne reaguje, gdje grijesim?

Pomagajte

Imas li neki link ili bi mogao postaviti negdje da se to pogleda?

_________________

Rijesio sam, hvala u svakom slucaju.


Stavio sam umjesto display: block; tabelu display: table-cell; witdh: auto; max-width: 480px; I unutar link boxa u htmlu sam stavio span sirine I visine 100% position: fixed;

dobio sam isti rezultat na drugi nacin. Jednostavno nema nacina da absolute block (transparentan) sa desne strane sakrijem drugacije a da mi se ne upali horizontalni scroll I sve razjebe. Htio sam da ga mogu kontrolisati po sirini I visini a da mi ne razvlaci stranicu.

inace overflow: hidden; radi samo za krajnju lijevu stranu ili unutrasnji div, ne sakriva desnu stranu od skrollanja, to nisam znao a bio uporan.


Ideja je bila da podesim klikabilni background sa dvije strane ali da se ne pali horizontal scroll do samih ivica sajta, kao recimo na blic.rs

Ma moralo bi se to moci ustimati. Prvo mi je palo na pamet da si poslagao elemente tako da prvo pocne renderovati content iako desni dio, koji je laksi, brze ucita do kraja pa da zato dobijes scroll. A nerijetko se desi i neko preklapanje koje ne planiras...
Ja bih to, u najgorem slucaju, rijesio JSom. Definises za body overflow hidden, pokupis visinu prozora, sameres margintop sa visinom contenta pa ako je veca od visine, promijenis overflow. Onako, na prvu.
Ne bih stavljao yabele jer su djavolja rabota kad je odrzavanje u pitanju...

_________________

Strašno mi ide na živce zadnji element u div-u koji je pomjeren u desno za 2 piksela kada sve elemente unutra horizontalno centriram.
Kako to ispraviti? Ima li rješenje u css-u da svi budu u liniji ili treba js dizati na noge?






http://jsfiddle.net/mb4ajcjz/

_________________
Ako si najbolji u sobi u pogresnoj si sobi

div#body-wrapp-glavni {


Crveno je visak.

@neizreverbiliziran

Evo ti ga:

http://jsfiddle.net/mb4ajcjz/2/

Nemoj js dizati zbog ove gluposti, klasa "kita" ti je definisana posebno u CSSu na <p class="kita"> jer ako nije onda ce globalno na svaki <p> raditi, a to vjerovatno ne zelis. Ima bolja solucija, ali kako nauciti, ako ne sam skontati

A znam to za klase jbg.
Našao sam, može i bez kite. Nije svadba.

_________________
Ako si najbolji u sobi u pogresnoj si sobi

Pa sto odma nisi sa klasom uradio

Pa jesam, samo što sam ovdje zbrzao u ovom editoru.
Ovako nekako je u mom kodu:
- prvo klasa pa onda naziv taga
http://jsfiddle.net/5L9dzpLp/ /*zanemari .js skriptu */

Fora je što mi inputi nisu bili pod špagu tipa:

- http://jsfiddle.net/jcd1kmyv/

_________________
Ako si najbolji u sobi u pogresnoj si sobi