Bal es jobb szelekhez simulo hatter CSS-ben
sziasztok!
nem olyan regota kezdtem ismerkedni a css-sel, es beleutkoztem egy elegge idegesito problemaba.
utanaolvastam de nem talaltam kielegito valaszt ra.
az oldalamnak van egy kozepso, 768px szeles resze, amiben fejlec, tartalom, menu, lablec van...fix szelesseggel.
a hatteret szeretnem megvalositani, ez egy keskeny y tengelyen ismetlodo kb 150px szeles kep, pontosabban 2, egy normal valtozat es egy horizontalisan tukrozott verzio. az egyik kep a bongeszo bal szelehez kellene igazodjon, jobb szele fokozatosan atmegy feherbe, ezzel beleolvadva az amugy feher hatterbe, a masik kep a jobb szelhez lenne pontosan igazitva. mindketto emelett felulre is lenne egyben igazitva.
ha a felbontas no, a kozepso resz mindig kozepre igazodna, fix szelesseggel, de a ket hatterkep egyre tavolodna a kozepso tartalomtol, ertelemszeruen,mivel hozza vannak ragasztva a bal es a jobb szelehez a bongeszonek.
tablazattal ugyebar nem nagy szam megcsinalni.
jelenlegi megoldasom:
/*#bal {width:201;
position: absolute;
left:0;
top:0;
background-image:url('./images/balsav.jpg');
background-repeat:repeat-y;}
#jobb {width:191;
position: absolute;
right:0;
top:0;
background-image:url('./images/jobbsav.jpg');
background-repeat:repeat-y;}*/
kerdesem az lenne meg, hogy ha a width-et auto-ra allitom mind2 esetben ,akkor a fix kozepso resztol fuggetlenul a #bal es #jobb tartalom szelessege a felbontas fugvenyeben valtozik?
volt mar itt egy masik megoldas, egy pl 1600-szeles hatterkep, ami a nagyobb felbontasnal is jo lenne...de annal a kepek szinten szelekre igazodnak, es igy kisebb felbontasnal nem latszanak...
segitsetek! hogyan oldjam meg?
nem baj, ha az oldalso kepek nem ugyanolyan magasak mint a kozepso resz aktualis magassaga, csak ne legyen "alacsonyabb, rovidebb" annal.
elore is koszi,
Balazs
■ nem olyan regota kezdtem ismerkedni a css-sel, es beleutkoztem egy elegge idegesito problemaba.
utanaolvastam de nem talaltam kielegito valaszt ra.
az oldalamnak van egy kozepso, 768px szeles resze, amiben fejlec, tartalom, menu, lablec van...fix szelesseggel.
a hatteret szeretnem megvalositani, ez egy keskeny y tengelyen ismetlodo kb 150px szeles kep, pontosabban 2, egy normal valtozat es egy horizontalisan tukrozott verzio. az egyik kep a bongeszo bal szelehez kellene igazodjon, jobb szele fokozatosan atmegy feherbe, ezzel beleolvadva az amugy feher hatterbe, a masik kep a jobb szelhez lenne pontosan igazitva. mindketto emelett felulre is lenne egyben igazitva.
ha a felbontas no, a kozepso resz mindig kozepre igazodna, fix szelesseggel, de a ket hatterkep egyre tavolodna a kozepso tartalomtol, ertelemszeruen,mivel hozza vannak ragasztva a bal es a jobb szelehez a bongeszonek.
tablazattal ugyebar nem nagy szam megcsinalni.
jelenlegi megoldasom:
/*#bal {width:201;
position: absolute;
left:0;
top:0;
background-image:url('./images/balsav.jpg');
background-repeat:repeat-y;}
#jobb {width:191;
position: absolute;
right:0;
top:0;
background-image:url('./images/jobbsav.jpg');
background-repeat:repeat-y;}*/
kerdesem az lenne meg, hogy ha a width-et auto-ra allitom mind2 esetben ,akkor a fix kozepso resztol fuggetlenul a #bal es #jobb tartalom szelessege a felbontas fugvenyeben valtozik?
volt mar itt egy masik megoldas, egy pl 1600-szeles hatterkep, ami a nagyobb felbontasnal is jo lenne...de annal a kepek szinten szelekre igazodnak, es igy kisebb felbontasnal nem latszanak...
segitsetek! hogyan oldjam meg?
nem baj, ha az oldalso kepek nem ugyanolyan magasak mint a kozepso resz aktualis magassaga, csak ne legyen "alacsonyabb, rovidebb" annal.
elore is koszi,
Balazs
2 egymásban lévő elem
Ez a megoldás lényegében ugyanaz mint a Sliding door technika a fülekre.
koszi!
a te megoldasod viszont nagyon jo! most mar eszembe jutott, ez volt a dobozolasi technikak masodik feleben emlitett peldaban is a weblabor css tanfolyamaban.
koszi szepen a segitseget!
Balazs
csak nem akar jo lenni...
#bal {width:100%;
height:1090px;
background-image:url('./images/balsav.jpg') left;
background-repeat:repeat-y;
}
#jobb {width:100%;
height:1090px;
background-image:url('./images/jobbsav.jpg') right;
background-repeat:repeat-y;
}
illetve:
<div id="bal">
<div id="jobb">
</div>
</div>
nem jelenik meg semmi a bongeszoben..:(((
background position
mukodik..