The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Code being read correctly by FireFox, but IE shows nothing at all, Ebay Storefront that disappears in IE
splazoid
post May 21 2009, 12:06 AM
Post #1





Group: Members
Posts: 3
Joined: 20-May 09
Member No.: 8,664



I currently have customized my ebay store-front to include custom HTML templates etc.
I'm having issues making this page to be compatible with IE, as well as firefox, and would appreciate any solution to the issue that only half the content appears in IE.
Ebay says its my HTML, I say it's their systems messing with my code...Prove me wrong please!

The destination of this page can be found HERE if you need to, im sure you will know how to view page source code.

View it in Firefox and you will see information below our special offer bar, but in IE, only half the information is included.

Something should be noted that there are 2 Custom HTML pages in use. The top up until our special offer bar is a separate ebay header bar which you upload separate from the rest of the storefront page.

The top of the page, above the special offer bar has the following HTML:
QUOTE
<table align="center" vspace="0" width="900">
<tbody><tr><td><a href="http://stores.ebay.com/Professionally-Restored-Video-Games">
<img src="http://farm3.static.flickr.com/2231/3528401369_cecc701729_o.png" border="0" width="900" height="172" hspace="0"></a>
</td></tr></tbody></table>

<table align="center" bgcolor="white" border="0" cellpadding="0" cellspacing="0" width="900">
<tbody><tr>
<td align="center" valign="top">
<a href="http://stores.ebay.com/Professionally-Restored-Video-Games" onmouseover="document.STOREroll.src='http://www.splazoid.com/Storefront/mouse_index_02.png' " onmouseout="document.STOREroll.src='http://www.splazoid.com/Storefront/index_02.png' "><img src="http://www.splazoid.com/Storefront/index_02.png" name="STOREroll" border="0"></a></td>
<td align="center" valign="top">
<a href="http://contact.ebay.com/ws/eBayISAPI.dll?ReturnUserEmail&requested=professionallyrestored&redirect=0&iid=320364380364" onmouseover="document.QUESTroll.src='http://www.splazoid.com/Storefront/mouse_index_03.png' " onmouseout="document.QUESTroll.src='http://www.splazoid.com/Storefront/index_03.png' "><img src="http://www.splazoid.com/Storefront/index_03.png" name="QUESTroll" border="0"></a></td>

<td align="center" valign="top">
<a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=professionallyrestored" onmouseover="document.ABOUTroll.src='http://www.splazoid.com/Storefront/mouse_index_04.png' " onmouseout="document.ABOUTroll.src='http://www.splazoid.com/Storefront/index_04.png' "><img src="http://www.splazoid.com/Storefront/index_04.png" name="ABOUTroll" border="0"></a></td>

<td align="center" valign="top">
<a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=professionallyrestored" onmouseover="document.SHIProll.src='http://www.splazoid.com/Storefront/mouse_index_05.png' " onmouseout="document.SHIProll.src='http://www.splazoid.com/Storefront/index_05.png' "><img src="http://www.splazoid.com/Storefront/index_05.png" name="SHIProll" border="0"></a></td>

<td align="center" valign="top">
<a href="http://my.ebay.com/ws/eBayISAPI.dll?AcceptSavedSeller&sellerid=professionallyrestored&ssPageName=STRK:MEFS:ADDSTR&_trksid=p4634.m350.l1250" onmouseover="document.ADDroll.src='http://www.splazoid.com/Storefront/mouse_index_06.png' " onmouseout="document.ADDroll.src='http://www.splazoid.com/Storefront/index_06.png' "><img src="http://www.splazoid.com/Storefront/index_06.png" name="ADDroll" border="0"></a></td>

</tr>
</tbody></table></td></tr></tbody></table></td></tr></tbody></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td colspan="3" height="15"><img src="http://pics.ebaystatic.com/aw/pics/s.gif" width="1" height="15"></td></tr><tr><td align="left" valign="top" width=""><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><table align="left" border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td><table border="0" cellpadding="0" cellspacing="0" width="100%"><tbody><tr><td width="100%"><style type="text/css">
a:link{
text-decoration: none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration: underline;
}
</style>

<style type="text/css">
span.c6 {font-family: verdana; font-size: 11px}
span.c5 {color: #000000; font-family: verdana; font-size: 11px}
img.c4 {display: none;}
p.c3 {color: #000000; font-family: verdana, arial, monaco; font-size: 11px}
span.c2 {font-family: verdana, arial, monaco; font-size: 11px}
div.c1 {color: #666666; font-family: verdana, arial, monaco; font-size: 11px}
</style>

<style type="text/css">
span.c1 {color: #666666; font-family: verdana, arial, monaco; font-size: 11px}
span.c8 {font-family: verdana, arial, monaco; font-size: 11px}
span.c9 {font-family: verdana, arial, monaco; font-size: 11px}
</style>





<table align="center" width="900">

<tbody><tr>
<td colspan="2">


<a target="_blank" href="http://www.bigcrumbs.com/crumbs/landing.do?r=ProfessionallyRestored&s=47702"><img src="http://www.splazoid.com/Storefront/mouse_index_07.png" border="0"></a>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</td>
</tr>


The bottom of the page that goes missing in IE has the following HTML:
QUOTE
<style type="text/css">
span.c6 {font-family: verdana; font-size: 11px}
span.c5 {color: #000000; font-family: verdana; font-size: 11px}
img.c4 {display: none;}
p.c3 {color: #000000; font-family: verdana, arial, monaco; font-size: 11px}
span.c2 {font-family: verdana, arial, monaco; font-size: 11px}
div.c1 {color: #666666; font-family: verdana, arial, monaco; font-size: 11px}
</style>

<style type="text/css">
span.c1 {color: #666666; font-family: verdana, arial, monaco; font-size: 11px}
span.c8 {font-family: verdana, arial, monaco; font-size: 11px}
span.c9 {font-family: verdana, arial, monaco; font-size: 11px}
</style>


<table align="center" width="900">

<table width="900" height="404" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td hspace="4" align="center"><a href="http://stores.shop.ebay.com/Professionally-Restored-Video-Games_Playstation-1_W0QQ_fsubZ770722011QQ_sidZ521025561QQ_trksidZp4634Q2ec0Q2em322" onmouseover="document.nwaroll.src='http://www.splazoid.com/Storefront/mouse_index_08.png' " onmouseout="document.nwaroll.src='http://www.splazoid.com/Storefront/index_08.png' "><img src="http://www.splazoid.com/Storefront/index_08.png" alt="" name="nwaroll" border="0"></a></td>
<td width="614" rowspan="6" align="center"><a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=professionallyrestored"><img src="http://www.splazoid.com/Storefront/index_10.png" alt="" border="0" /></a></td>
</tr>
<tr>
<td hspace="4" align="center"><a href="http://stores.shop.ebay.com/Professionally-Restored-Video-Games_Playstation-2_W0QQ_fsubZ770723011QQ_sidZ521025561QQ_trksidZp4634Q2ec0Q2em322" onmouseover="document.oswroll.src='http://www.splazoid.com/Storefront/mouse_index_11.png' " onmouseout="document.oswroll.src='http://www.splazoid.com/Storefront/index_11.png' "><img src="http://www.splazoid.com/Storefront/index_11.png" alt="" name="oswroll" border="0" /></a></td>
</tr>
<tr>
<td hspace="4" align="center"><a href="http://stores.shop.ebay.com/Professionally-Restored-Video-Games_Nintendo_W0QQ_fsubZ770724011QQ_sidZ521025561QQ_trksidZp4634Q2ec0Q2em322" onmouseover="document.wsproll.src='http://www.splazoid.com/Storefront/mouse_index_12.png' " onmouseout="document.wsproll.src='http://www.splazoid.com/Storefront/index_12.png' "><img src="http://www.splazoid.com/Storefront/index_12.png" alt="" name="wsproll" border="0"></a></td>
</tr>
<tr>
<td hspace="4" align="center"><a href="http://stores.shop.ebay.com/Professionally-Restored-Video-Games_Xbox_W0QQ_fsubZ770725011QQ_sidZ521025561QQ_trksidZp4634Q2ec0Q2em322" onmouseover="document.gmwroll.src='http://www.splazoid.com/Storefront/mouse_index_13.png' " onmouseout="document.gmwroll.src='http://www.splazoid.com/Storefront/index_13.png' "><img src="http://www.splazoid.com/Storefront/index_13.png" alt="" name="gmwroll" border="0"></a></td>
</tr>
<tr>
<td hspace="4" align="center"><a href="http://stores.shop.ebay.com/Professionally-Restored-Video-Games_Hand-Held_W0QQ_fsubZ770726011QQ_sidZ521025561QQ_trksidZp4634Q2ec0Q2em322" onmouseover="document.cmsroll.src='http://www.splazoid.com/Storefront/mouse_index_14.png' " onmouseout="document.cmsroll.src='http://www.splazoid.com/Storefront/index_14.png' "><img src="http://www.splazoid.com/Storefront/index_14.png" alt="" name="cmsroll" border="0"></a></td>
</tr>
<tr>
<td hspace="4" align="center"><a href="http://stores.shop.ebay.com/Professionally-Restored-Video-Games_Other_W0QQ_fsubZ1QQ_sidZ521025561QQ_trksidZp4634Q2ec0Q2em322" onmouseover="document.xmsroll.src='http://www.splazoid.com/Storefront/mouse_index_15.png' " onmouseout="document.xmsroll.src='http://www.splazoid.com/Storefront/index_15.png' "><img src="http://www.splazoid.com/Storefront/index_15.png" alt="" name="xmsroll" border="0"></a></td>
</tr>
<tr>
<td height="94" align="center"> </td>
<td align="center"><div align="center"><a href="mailto:RestoredProfessionally@example.com?subject=I love your ebay templates, and want to know more!"><img src="http://www.splazoid.com/Storefront/Site_making.png" alt="" width="617" height="100" border="0" align="middle" /></a></div></td>
</tr>
</table>
<tbody>
<tr align="center">
<td align="right" width="715"><p> </p></td>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post May 21 2009, 01:49 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I recommend starting by fixing the markup errors reported by our online validator:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes

For one thing, style elements belong in the head element, not in the body element.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
splazoid
post May 21 2009, 03:07 PM
Post #3





Group: Members
Posts: 3
Joined: 20-May 09
Member No.: 8,664



QUOTE(Darin McGrew @ May 21 2009, 01:49 AM) *

I recommend starting by fixing the markup errors reported by our online validator:
http://htmlhelp.com/cgi-bin/validate.cgi?u...mp;warnings=yes

For one thing, style elements belong in the head element, not in the body element.



Thank you for the help.
You were 100% accurate with the style tags being in the middle.
Along with 50 some misc end tags that were not needed.
For some reason the validator finds 70 some errors, but they are all just in HREF's for ebay pages.
I really don't care if the validator freaks out, it looks tons better and loads faster now.

Thank you again!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post May 21 2009, 04:20 PM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



The validator tells you about the style block too, and you care about that, don't you? tongue.gif

The link related errors are probably because of unescaped ampersands in URLs. Those have the potential to mess things up too, even if you mostly get away with it.

Wrong:
CODE
http://forums.htmlhelp.com/?one=1&two=2

Right.
CODE
http://forums.htmlhelp.com/?one=1&amp;two=2


http://htmlhelp.com/reference/html40/entities/special.html
http://www.blooberry.com/indexdot/html/top...urlencoding.htm
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post May 21 2009, 05:23 PM
Post #5


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



See also
http://htmlhelp.com/tools/validator/problems.html.en#amp
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 29th March 2024 - 07:36 AM