ugrás a tartalomhoz

background probléma

gabesz666 · 2007. Jún. 19. (K), 17.11
Helló mindenkinek!

Van két divem egymásba ágyazva a tartalom számára. Azért kettő mert mindkettőnek (fixed) hátteret akarok rakni. A probléma az hogy a második divben van egy sarok kép(a jobb felső sarokban), ez nincs ismételve és ugye fixen van, csakhogy a top right tulajdonságot a böngésző a lap jobb felső sarkához viszonítja nem pedig a réteghez. Mi lehet a baj? Itt a css:
  1. #tartalom {   
  2.           position:absolute;   
  3.           width:800px;   
  4.           height:400px;   
  5.           left:300px;   
  6.           top:100px;   
  7.           border: 1px dotted #000000;   
  8.           border-bottom:0px;   
  9.           overflow: auto;   
  10.           background: url(div.png) fixed repeat-x }  
  11. #tartalom_ketto {   
  12.                 width:780px;   
  13.                 height:390px;   
  14.                 left:0px;   
  15.                 top:0px;   
  16.                 text-align:center;   
  17.                 padding-top:10px;   
  18.                 background:url(corner.png) fixed no-repeat top right }  
Itt pedig az oldal!
‹ XHTML 1.1 doctype-ot megadva szétcsúszik az oldal beszélgetések szemantikus jelölése ›
 ■
1

Újabb kérdés

gabesz666 · 2007. Jún. 19. (K), 20.06
Ennyire nehéz a kérdés? :D
2

Ennyire sürgős?

sly · 2007. Jún. 19. (K), 21.31
#tartalom_ketto gondolom a belső. Ha pozicionálni akarod, akkor kell hozzá a position tulajdonság. De nem egészen világos amit írsz. Bekelthetted volna a HTML kódrészletet is. Jah meg inkább class tulajdonságot használd CSS-hez.
  1. <DIV class="tartalom">  
  2.  <DIV class="belso">  
  3.   szöveg...  
  4.  </DIV>  
  5. </DIV>  
  1. DIV.taralom {}  
  2.   
  3. DIV.taralom DIV {}  
  4. /*vagy*/  
  5. DIV.taralom DIV.belso {}  
  6. /*vagy*/  
  7. DIV.taralom .belso {}  
3

bővebben

kerzo · 2007. Jún. 21. (Cs), 12.22
Tényleg jó lenne látni a html forrást (a megadott link nem működik), mert a leírtak alapján csináltam egy oldalt, és nekem nem jelentkezett az általad leírt probléma (ie, firefox, opera). Viszont a belső div görgetésénél a corner.png elmozdul, és nem biztos, hogy úgy akarod.

Ezért kellene egy forrás, hogy a problémát az eredeti környezetben lássuk.
4

Pozicionálás

ada · 2007. Jún. 21. (Cs), 12.49
A #tartalom_ketto -t is pozicionálnod kell, hogy a böngésző tudja, pontosan hova is szeretnéd rakni. A te esetedben position: absolute kell. Az absolute pozicionált elem, a legközelebbi olyan szülő elemhez képest viszonyít, aminek nem static position tulajdonsága van. Ha nem adsz meg semmit, alapból static-ként kezeli, és ha egyik szülőelemnek sincs megadva ilyesmi, akkor a html (régebbi böngészőkben body) elemhez képest viszonyít.