Link to home
Create AccountLog in
Avatar of phenryll
phenryll

asked on

CSS - table with width attribute - wrong display in IE7

Hi Experts,

Firefox renders my HTML snippet code correctly whereas IE7 sucks!

The middle picture must be 388 pixels width ; the left and right pictures should be relative width.

If I remove the attribute "width" from TD, the 3 TD are equally sized.

Please, find below the snippet code I am talking about:

Thanks for your help.
<html>
	<body>
		<table height="33px" width=100% cellpadding=0 cellspacing=0 border=0>
			<tr width="100%">
				<td style="background-image: url('dot.png'); background-repeat: repeat-x; width:auto;" ></td>
				<td style="background-image: url('middle.png'); background-repeat: no-repeat; width: 388px; " ></td>
				<td style="background-image: url('dot.png'); background-repeat: repeat-x; width:auto;" ></td>
			</tr>
		</table>
	</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION
Avatar of knonie
knonie
Flag of Pakistan image

Link to home
membership
Create an account to see this answer
Signing up is free. No credit card required.
Create Account
SORRY...
The code snippet of Experts-Exchange was unable to display that nbsp tag...

Let me try it some other way:
Do it this way:
 
"& nbsp;"
i.e. Ampersand sign (&), then "nbsp", then semi-colon (;), WITHOUT ANY SPACE BETWEEN ANY OF THESE THREE.
 
Put that thing inside <TD> and </TD>
 
 
:-)

Open in new window

Avatar of phenryll
phenryll

ASKER

Excellent ;)