Diskusijų forumai
Diskusijų forumai     Kompiuterinė grafika, dizainas     Tinklalapių dizainas     Kaip padaryt, kad abiejų dukterinių blokų fonas splėstusi, plečiantis tik vienam.


Kaip padaryt, kad abiejų dukterinių blokų fonas splėstusi, plečiantis tik vienam.

WipeR
Bendruomenės narys

 
Tema paskelbta: 2010-07-22 15:14:11
Užkliuvau už tokios vietelės. Niekaip nesumąstau kaip padaryt, kad abiejų dukterinių blokų fonas splėstusi, plečiantis tik vienam?

Pwz. yra kodas:


<div id="page">

     <div id="content"> 
     </div>
     
     <div id="slide">
     </div>
</div>




Sukodavau #content stilių, blokas plečiasi kartu su didėjančiu tekstu, bet kaip dabar padaryti, kad ir #slide plėstųsi su #content, nors ir #slide bloke nedaugėja jokio teksto. Žodžiu kaip padaryt, kad #slide height visada būtų toks koks pasidaro #content height.

Dėkui iš anksto wink

Paskutinį kartą temą redagavo WipeR (2010-07-22 15:48:29), redaguota kartų: 2
 


Atsakymai į temą

Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2010-07-22 15:38:14 [#1032] Atsakymo ID: 1032 Ilgalaikė nuoroda į atsakymą #1
Galima šiek tiek „pasukčiauti“ priskiriant fono paveikslėlį ne individualiai #content ir #side blokams, o vienam blokui #page.



Taigi priskiri šį paveikslėlį blokui #page ir nurodai, kad kartotų paveikslėlį vertikaliai (repeat-y). Kai plėsis #content ar #side blokas, tuo pačiu plėsis ir #page, tad atrodys, lyg #content ir #side plečiasi kartu.
WipeR
Bendruomenės narys

 
Atsakymas parašytas: 2010-07-22 15:47:09 [#1034] Atsakymo ID: 1034 Ilgalaikė nuoroda į atsakymą #2
Taip ir galvojau, kad  kas nors taip pasiūlys. Bet šių blokų fonai skiriasi, o repeat'inasi jie ne nuo vienodos horizontalios vietos...
Edmundas
Tinklalapio šeimininkas

 
Atsakymas parašytas: 2010-07-22 16:39:24 [#1037] Atsakymo ID: 1037 Ilgalaikė nuoroda į atsakymą #3
Vėliau pagalvosiu, kaip dar tai būtų galima atlikit, ir parašysiu čia. wink
WipeR
Bendruomenės narys

 
Atsakymas parašytas: 2010-07-22 18:11:04 [#1038] Atsakymo ID: 1038 Ilgalaikė nuoroda į atsakymą #4
Dėkui, aš jau pusdienį mąstau. ;D
Imago
Bendruomenės narys

 
Atsakymas parašytas: 2010-08-08 21:43:08 [#1054] Atsakymo ID: 1054 Ilgalaikė nuoroda į atsakymą #5
<div id="contentFonas" width="100%" style="background: content.jpg top left repeat-y;">
<div id="sideFonas" width="100%" style="background: side.jpg top right repeat-y;">
 <div id="content" width="80%"></div>
 <div id="side" width="20%"></div>
</div>
</div>

Jei suprantamai parašiau, tai gal kažką šitokio?