Strech image in table column

**tqm1** · 09 Nov 2011, 02:09 AM

Dear Experts

I have following codes

Code:

<html>
<head><h1>Image and data in table column</h1></head>

<style type="text/css">

.bg	{widht:100%;height:100%}
.al	{text-align:center;}


</style>

<body>

<table width="50%" height="100px" border="1" cellpadding='0' cellspacing="0">
	<tr>
		<td widht="25%" background="DREAM.JPG" tabindex="2" title="The Code Project"><h3 class="al">Hello</h3></td>		

		<td widht="25%" bgcolor=pink><h3>world</h3></td>
		
	</tr>
</table>

</body>
</html>

In column I want to stretch this image
http://www.daniweb.com/forums/attach...6&d=1320826063
Please help

**Wickham** · 09 Nov 2011, 02:46 AM

Unfortunately background images cannot stretch, except using CSS3 in % which isn't supported by all browsers yet, see
http://www.css3.info/preview/background-size/ and
http://www.findmebyip.com/litmus/

You should always have a doctype above your <html> tag from here:-
http://www.w3.org/QA/2002/04/valid-dtd-list.html

Also spell width not widht

If you use a <img> instead of a background image you can use position: absolute or position: fixed and width: 100%; left: 0; right: 0; and a z-index and position it behind your content but that is a little more complicated, see
http://www.wickham43.net/backgroundf...hflexible.html

Thread: Strech image in table column

Thread Tools

Strech image in table column

Similar Threads

trying to get image to fill in three column DIV

2 table problems. Both have to do with column shifting.

Posting Permissions