anoniem Geplaatst: 10 mei 2004 Delen Geplaatst: 10 mei 2004 Hallo, ik zit al uren met het volgende probleem: ik ben voor iemand een site aan het maken waarbij ik een foto 'gestreched' wil laten zien als achtergrond, maar het moet niet uitmaken bij welke schermresolutie. Nu is me dit stretchen al met wat javascript gelukt, zie de volgende code: [code:1:1e9cd67a98] <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <script language="JavaScript"> function setBgHeightToMax() { document.getElementById('bg_image').height = document.getElementById('bg_cell').offsetHeight; } </script> <body topmargin="0" leftmargin="0"> <table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="250" bgcolor="#CD4B35"> </td> <td id="bg_cell"> <img id="bg_image" src="images/bg_img.jpg"> Testtekst.... </td> </tr> </table> <script language="JavaScript"> setBgHeightToMax(); </script> </body> </html> [/code:1:1e9cd67a98] Maar nu is het probleem dat ik de tekst 'Testtekst...' (of een iets anders) [i:1e9cd67a98]op[/i:1e9cd67a98] de foto wil hebben, dus de foto moet de achtergrond van die cel worden. Met de 'background="bg_img.jpg"' instelling voor een tabel lukt dit niet, omdat dan de foto in de resolutie wordt weergegeven zoals hij is opgeslagen, in plaats van gestreched. Is dit mogenlijk met <div> of is er een andere oplossing? Ik heb me al kapot gezocht op google naar een oplossing, maar helaas :roll: Alvast bedankt, Vic Quote Link naar reactie
anoniem Geplaatst: 10 mei 2004 Auteur Delen Geplaatst: 10 mei 2004 Gewoon ziets volgens mij: [code:1:a628a40853] <img src="plaatje.jpg" style="position:fixed;width:100%;height:100%;top:0px;left:0px;"> [/code:1:a628a40853] De rest van je content moet denk ik in een aparte div die als style position absolute heeft. Het werkt alleen niet in IE, maar dat is waarschijnlijk geen probleem he :wink: Quote Link naar reactie
anoniem Geplaatst: 11 mei 2004 Auteur Delen Geplaatst: 11 mei 2004 Dat werk! (zelfs in IE) :D Hartstikke bedankt Vic Quote Link naar reactie
anoniem Geplaatst: 11 mei 2004 Auteur Delen Geplaatst: 11 mei 2004 'position:fixed' werkt niet in IE. Quote Link naar reactie
anoniem Geplaatst: 11 mei 2004 Auteur Delen Geplaatst: 11 mei 2004 Ik gebruik hier IE 6, en het werkt wel :-? Vic Quote Link naar reactie
anoniem Geplaatst: 11 mei 2004 Auteur Delen Geplaatst: 11 mei 2004 [url=http://www.w3.org/TR/CSS21/visuren.html#propdef-position]Geloof me[/url]. Ik heb er zelfs [url=http://limpid.nl/lab/css/fixed/]workarounds[/url] voor gemaakt. Quote Link naar reactie
Aanbevolen berichten
Om een reactie te plaatsen, moet je eerst inloggen