Forzare immagine al bottom

[kenzo2000]

Ciao a tutti!
Sto cercando di fare quello che ho scritto nel titolo.
Una sola immagine che deve rimanere forzatamente in basso a sinistra...
Ho provato in vari modi ma mentre con una risoluzione a 1024*768 magari si visualizza bene, osservando la cosa a 1280x800 si nota chiaramente che rimane una riga nera sotto l'immagine...
Potreste aiutarmi?
Grazie!

[ricman]

Che "vari modi" hai provato?

[kenzo2000]

Ciao, grazie della risposta.

<style type="text/css">
<!--
body {
    overflow:hidden;
    background-color: #000000;
    margin-left: 0px;
    margin-bottom:0px;
    }
-->
</style>

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>[img]images/index.jpg[/img]
    </td>
  </tr>
</table> 

Beh ho provato a modificare i vari attributi sia nel CSS che nel tag table ma nulla.

[ricman]

Ma ti serve proprio con quel codice lì? Non so cos'è ... ma una foto in quel modo e con quel codice la metterei come backgruond

background: url(...../foto.jpg) no-repeat bottom left;

[kenzo2000]

Ma se lo metto come background come posso applicare un collegamento?

[ricman]

Originariamente inviato da kenzo2000
Ma se lo metto come background come posso applicare un collegamento?

Il tuo codice non contemplava links... ti avevo dato la soluzione migliore per quel caso.
Non uso mai le tabelle quindi devo pensarci un attimo poi ti rispondo.
Nel frattempo aggiungo: spero che tu non usi le tabelle per i layout!!

[kenzo2000]

Ah scusa.
No non uso tabelle è solo in questa pagina che devo applicare questa cosa.
Volendo escludere anche le tabelle in questo caso... attendo un tuo suggerimento.
Grazie!

[chipdb]

Essendo che ti sconsiglio di usare tabelle, mettendo un div in posizione assoluta e con un pò di javascript risolvi il problema:

qui il codice javascript

<script type="text/javascript">
	function resize(){
		var myPageX;
		var myPageY;
		if(document.all){
			myPageX=document.body.scrollLeft;
			myPageY=document.body.scrollTop;
		}else{
			myPageX=window.pageXOffset;
			myPageY=window.pageYOffset;
		}
		document.getElementById('link').style.bottom = -myPageY+'px';
		document.getElementById('link').style.left = '0';
	}
	window.onscroll = resize;
</script>

e qui invece il css relativo al div con id=link

	#link
	{
		position: absolute;
		bottom: 0;
		left: 0;
	}

In questo modo il link starà sempre in fondo alla pagina