I have a template that I use on Ebay. I have tried to clean up my CSS and HTML a bit and have run into a problem.
Here is what I had originally
Ebay original layout
(it looked ok on my computer and a few others I checked, but the teal background ran all the way up into the Ebay info at the top of the page when viewed on my sister's computer ... IE9 is what she thinks she is using)
When I look at my new revised layout on my computer everything looks fine. But once I use it as a template for ebay the table background spills out and runs the full screen.
Here's the new test example:
Ebay the new TEST layout
body {
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color: #476B6B;
background-image: url(http://imgs.inkfrog.com/pix/klynnk1/Pinups_Template_2012.jpg);
padding: 0; margin: 0;
text-align: left;
font-size: 1.05em;
color: #FFFFFF;
line-height: 125%;
text-align: center;
}
table {
background: url(http://imgs.inkfrog.com/pix/klynnk1/ebay_black_noise.jpg);
width: 850px;
border-width: 4px;
border-style: solid;
border-color: maroon;
border-top: none;
text-align: center;
margin-left: auto;
margin-right: auto;
}
<table width="100%" border="0" cellspacing="2" cellpadding="2">
<tr>
<td align=center colspan=5><img src="http://imgs.inkfrog.com/pix/klynnk1/New_UFO_n_Cow_6.jpg" alt="UFO and Cow">
</td>
</tr>
I have put my new markup in the validator and I only get a few errors regarding the thumbnails
character ";" not allowed in attribute specification list I'm not too worrried about those.
Any suggestions on restraining the background image for the table?
