Help - Search - Members - Calendar
Full Version: Table image spills out past the table
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
klynnk1
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?
pandy
What browser? I don't see anything spilling out in gecko. With IE7 I get redirected to a peculiar error page.
http://pages.ebay.com/messages/page_not_re...1.11.29.692.MST
klynnk1
QUOTE(pandy @ Jun 29 2012, 01:12 PM) *

What browser? I don't see anything spilling out in gecko. With IE7 I get redirected to a peculiar error page.
http://pages.ebay.com/messages/page_not_re...1.11.29.692.MST




Here's another link to it. I'm using Firefox.

Ebay test for template

I believe if I change the % to a smaller table width I can get rid of the overspill past the table ... however it will still extend below the table to the bottom of the page.

<table width="100%" border="0" cellspacing="2" cellpadding="2">

Can I just delete any table info in the markup section since I now have a table in CSS ... (this is just leftover from the way it was set up before).


pandy
The page is very wide but I'm not sure I see anything spilling over. unsure.gif
klynnk1
QUOTE(pandy @ Jul 1 2012, 07:20 AM) *

The page is very wide but I'm not sure I see anything spilling over. unsure.gif



It isn't supposed to be that wide. I want it to stop at the width of the "Buy Stuff Here" header. There is a red border around my table and then there is a second area of black with another red border ... the second area is what I call the spillover. I want my background to end around the table and not extend all the way out to the sides and bottom.

pandy
For me it's the table above that's wide, the one with the picture of the band. unsure.gif

I'm sorry, I tried to see if something jumped out and it didn't. This kind of pages are very hard to debug. The whole eBay is a big HTML error and there's always so darn much HTML. I'm afraid your page is no exception. It has 255 HTML errors. Didn't even bother with the CSS ones. When you don't find something fishy right off you need to go through it all and correct the errors to untangle the mess. Again, sorry, but it's just too much on a summer evening especially since I'm not certain what changes eBay lets you do anyway. sad.gif
klynnk1
Ebay has so much muddled code that I couldn't make heads or tails of it. I could barely make out my code in all their tangled mess.

oh well - Thanks for taking a look at it ... Looks like I will trash this attempt and go on to Plan B ... cool.gif





QUOTE(pandy @ Jul 1 2012, 01:48 PM) *

For me it's the table above that's wide, the one with the picture of the band. unsure.gif

I'm sorry, I tried to see if something jumped out and it didn't. This kind of pages are very hard to debug. The whole eBay is a big HTML error and there's always so darn much HTML. I'm afraid your page is no exception. It has 255 HTML errors. Didn't even bother with the CSS ones. When you don't find something fishy right off you need to go through it all and correct the errors to untangle the mess. Again, sorry, but it's just too much on a summer evening especially since I'm not certain what changes eBay lets you do anyway. sad.gif

pandy
Probably the best approach is K.I.S.S. The less you add the less eBay can screw it up. wink.gif
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2014 Invision Power Services, Inc.