et billede som baggrund i td

Du kan ikke strække en baggrund, kun få den gentaget ...

-- skal du strække et billede, skal du bruge et img-tag !-)

hehe - man skal ikke tænke på den tid man forgæves har forsøgt ;o)

hvordan bruger jeg et img-tag ?

hov - du har hjulpet med noget tilsvarende her : http://eksperten.dk/spm/426272

Ja, men der var udgangspunktet jo et element med en defineret størrelse, her er vi jo afhængige af det indhold, som er inde i !-)

Man kan nemlig ikke bruge width/height:100%, hvis ikke det omgivende elæement har en defineret størrelse, så man skal aflæse størrelsen onload, den fifler jeg lige lidt med, så det også virker i andet end IE !-)

Gaab, jeg havde lavet en blunder:

<script language="javascript" type="text/javascript">
window.onload = function(){
  var td = document.getElementById('menuTd');
  var pic = td.getElementsByTagName('IMG')[0];
  pic.style.width = td.offsetWidth + 'px';
  pic.style.height = td.offsetHeight + 'px';
}
</script>


<table>
  <tr>
    <td style="position:relative;width:240px;" id="menuTd">
      <img src="../eksperten_logo_new.gif" style="position:absolute;z-index:9;">
      <div style="position:relative;z-index:10;">
        En tekst
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lectus elit, sagittis at, accumsan id, dictum et, erat. Etiam non sapien. Quisque aliquet gravida mi. Integer vitae tortor quis wisi scelerisque vestibulum. Duis pulvinar magna non mauris laoreet volutpat. Aenean et purus. Cras accumsan justo sed arcu. Quisque urna. Sed mi. Ut sed nunc at lorem aliquet vulputate. Proin quis nibh. Proin ut dui vitae urna lacinia posuere. Ut vulputate purus facilisis nunc. Morbi ultrices euismod leo. Integer dui tellus, dictum in, viverra at, sagittis id, sem. Donec nonummy, sem eu hendrerit vulputate, nunc urna molestie eros, et semper nunc mi at ipsum. Praesent tempus malesuada felis.

Vestibulum iaculis mattis sem. Suspendisse hendrerit, justo nec scelerisque mattis, ipsum lacus rutrum nibh, ac sollicitudin tellus felis eu ligula. Aliquam erat volutpat. Curabitur id magna. Aliquam eu magna id pede viverra varius. Nunc eu augue. Nulla quis ligula ac purus commodo vestibulum. Suspendisse adipiscing. Nullam velit. Integer nibh dolor, euismod non, blandit sed, ultricies vel, velit. Nulla posuere metus vel libero. Vestibulum elementum. Cras at nunc eget turpis tristique ullamcorper. In eget mi. Aliquam quis pede. Curabitur tincidunt est quis quam. Nunc elit nulla, ornare a, tristique eu, imperdiet in, eros.

      </div>
    </td>
  </tr>
</table>

tak - den vil jeg lige prøve i eftermiddag - skla lige ud på en shoppetur ;o)

roenving: det har du jo helt styr på ;o)
- jeg har fået det til at virke på få sek - nu skal jeg blot lige have min kode renset fra mine første forsøg

- smid et svar

Velbekomme '-)

-- og tak for point ;~}

det var så lidt - fik minimum 15 extra grå hår af at forsøge at have relativ højde via CSS ;o)

...så fik jeg valideret siden iht. W3C med lidt småjusteringer

    <td style="position:relative;width:179px;" id="menuTd">
      <img src="manager\media\images\bg\section2.jpg" alt="" style="position:absolute;z-index:9;"/>
      <div style="position:relative;z-index:10;">
        Snik Snak
</div></td>