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:

#tartalom { 
          position:absolute; 
          width:800px; 
          height:400px; 
          left:300px; 
          top:100px; 
          border: 1px dotted #000000; 
          border-bottom:0px; 
          overflow: auto; 
          background: url(div.png) fixed repeat-x }
#tartalom_ketto { 
                width:780px; 
                height:390px; 
                left:0px; 
                top:0px; 
                text-align:center; 
                padding-top:10px; 
                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.

<DIV class="tartalom">
 <DIV class="belso">
  szöveg...
 </DIV>
</DIV>


DIV.taralom {}

DIV.taralom DIV {}
/*vagy*/
DIV.taralom DIV.belso {}
/*vagy*/
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.