Table image spills out past the table |
Table image spills out past the table |
klynnk1 |
Jun 29 2012, 12:44 PM
Post
#1
|
Newbie Group: Members Posts: 11 Joined: 7-July 09 Member No.: 9,107 |
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 |
Jun 29 2012, 01:12 PM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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 |
Jun 29 2012, 01:50 PM
Post
#3
|
Newbie Group: Members Posts: 11 Joined: 7-July 09 Member No.: 9,107 |
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 |
Jul 1 2012, 07:20 AM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
The page is very wide but I'm not sure I see anything spilling over.
|
klynnk1 |
Jul 1 2012, 10:26 AM
Post
#5
|
Newbie Group: Members Posts: 11 Joined: 7-July 09 Member No.: 9,107 |
The page is very wide but I'm not sure I see anything spilling over. 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 |
Jul 1 2012, 01:48 PM
Post
#6
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
For me it's the table above that's wide, the one with the picture of the band.
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. |
klynnk1 |
Jul 1 2012, 02:19 PM
Post
#7
|
Newbie Group: Members Posts: 11 Joined: 7-July 09 Member No.: 9,107 |
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 ... For me it's the table above that's wide, the one with the picture of the band. 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. |
pandy |
Jul 1 2012, 03:00 PM
Post
#8
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Probably the best approach is K.I.S.S. The less you add the less eBay can screw it up.
|
Lo-Fi Version | Time is now: 25th April 2024 - 10:18 PM |