Fast bakgrunnsbilde i tabell

[rthil]

Jeg har slicet opp et bilde i photoshop og lagret en html av det. Men en celle/bilde i tabbellen (et td element) skal ha tekst over seg i tillegg til scrolling. Har dermed lagt bilde som bakgrunnsbildet (background-image: url(images/text_area.jpg);) og satt "overflow:auto;" i css, men ser da at bildet ikke holder seg innenfor dette feltet men legger seg opp til venstre og repeteres over hele siden. Jeg ønsker at bakgrunnsbildet skal stå "fast" i <td> elementet mens teksten scrolles over det. Lar dette seg gjøre i både Firefox, IE m.f.?

Noen som kan hjelpe?

[simennj]

repeat-x;
repeat-y;

[rthil]

Takk for forslaget, men repeat-x og repeat-y løser desverre ikke problemet mitt. Når jeg endrer størrelse på internet explorer vinduet blir bakgrunnsbildet forskjøvet. Dette skjer dog ikke i Firefox og Safari. Så hadde vært svært takknemlig for et tips når det gjelder dette.

For ordens skyld en oversikt over html/css kode:

Gjeldende område i index.html:

Kode: Merk alt

<td colspan="5"><div id="textarea"><p>tekst her</p></div></td>

Gjeldende område i styles.css:

Kode: Merk alt

div#textarea {
   background-image: url(images/text_area.jpg);
   background-attachment:scroll !important;
   background-attachment: fixed;
   height:340px;
   overflow:auto;
   padding-top: 0em;
   padding-left: 2em;
   padding-right: 2em;
}

[decodex]

Dropp background-attachment-reglene dine. 'scroll' som du har satt som important er standard verdi og trenger ikke defineres. 'fixed' vil gi feil oppførsel i forhold til hva du ønsker. I tillegg trenger du ikke overflow: auto;, den har lite med bakgrunnsbilder å gjøre egentlig.

[Jesper Karsrud]

Kode: Merk alt

table td #textarea {
background: url(images/text_area.jpg) no-repeat fixed;
height: 340px;
padding: 0 2em;
}


Det burde gjøre jobben for deg. En link til siden det er snakk om hadde også vært strålende. det høres ut som du gjør ting ganske vanskelig for deg selv når det gjelder bruker av tabeller til design. Får vi en lenke, kan det hende vi hadde klart å gjøre ting mye enklere for deg