About Pricing Community Teams Start Free Trial

phenryll

asked on 2/26/2009

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

CSS

Last Comment

phenryll

8/22/2022 - Mon

ASKER CERTIFIED SOLUTION

2/26/2009

THIS SOLUTION ONLY AVAILABLE TO MEMBERS.

View this solution by signing up for a free trial.

Members can start a 7-Day free trial and enjoy unlimited access to the platform.

See Pricing Options

Start Free Trial

GET A PERSONALIZED SOLUTION

Ask your own question & get feedback from real experts

Find out why thousands trust the EE community with their toughest problems.

knonie

2/26/2009

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

phenryll

2/26/2009

ASKER

Excellent ;)

All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat

Plans and Pricing

Certified Expert Program

Credly Partnership

Udemy Partnership