Téma: CSS kerdes

sajnos nalam igy sem mukodik. lehet nem jol csinalok valamit?
a tartalmat melyik divbe rakjam?

Tartalom a szülő DIV-be megy. Tedd fel egy tárhelyre a próbát, így látatlanban elég nehéz.

kow eredeti hozzászólása

Tartalom a szülő DIV-be megy.

a ket div koze?

kow eredeti hozzászólása

Tedd fel egy tárhelyre a próbát, így látatlanban elég nehéz.

az most nem megz sajna.de itt a html:

HTML kód:

<div id="div1"> 
  <div id="div2"></div>
  4fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />fsdfsdfsdfds<br />4
  <div id="div3"></div>
</div>

itt a css:

HTML kód:

#div1{
position:relative;
background-repeat:repeat;
padding-top:122px;
padding-bottom:110px;
width:535px;
float:left;
}
#div2{
position:absolute;
background:url(img/upline.gif);
width:535px;
height:122px;
top:0;
left:0;

}
#div3{
position:absolute;
background:url(img/downline.gif);
width:535px;
height:110px;
bottom:0;
left:0;
}

Aha, megnéztem, ez így jó, működik.
Ez általában segít debuggolni: border: 1px solid #000;

nalam kozepenek feher marad a hattere

Geri07 eredeti hozzászólása

nalam kozepenek feher marad a hattere

nem adtad meg, hogy mi legyen a háttér, hiába ismétlődik a nagy semmi...

De jó, hogy a nyotópostban árnyékot írál és nem színátmenetet, teljesen más a szitu. Igen, lehetséges, éppen tegnap csináltam egy szakasztott ilyen megoldást egy projectünkhöz:

Tegyél a változó div-be egy képet a színátmenettel, és add meg ezt:

#csuszos_div img{
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}

Hogy a tartalom jól látszódjon, azon is segíthet egy hasonló 2-es z-indexű div.