Help - Search - Members - Calendar
Full Version: Great on firefox and chrome but not IE8
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Loggi
Hi Guys,

I try to get my ebay store happening (custom design)
The template looks ok in Firefox and G Chrome but some of the tables are moved to the right in IE8

This there someone to point me in the right direction?

I am not a profi as you can see :-)


Cheers Ingo

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" background="images/bg.png">
<table width="104%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
<style>
a.links:link{ font-family: DIN; font-size: 14px; color:#663300; text-decoration:none; font-weight:bold }
a.links:visited{font-family: DIN; font-size: 14px; color: #663300; text-decoration:none; font-weight:bold}
a.links:active{font-family: DIN; font-size: 14px; color:#663300; text-decoration:none; font-weight:bold}
a.links:hover{font-family: DIN; font-size: 14px; color:#663300; text-decoration: underline; font-weight:bold}
</style>
<tr>
<td width="990"><img src="http://www.seekerimport.com.au/ebaystore/images/header.png" width="991" height="206" alt="header" /></td>
</tr>
<tr>
<td background="http://www.seekerimport.com.au/ebaystore/images/links_bg.png" height="51"><table width="990" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="middle"><a href="http://stores.ebay.com.au/OZ-Farm-Supply"><img src="http://www.seekerimport.com.au/ebaystore/images/but_store.png" alt="but_store" width="149" height="51" border="0" /></a></td>
<td align="center" valign="middle"><a href="mailto:info@seekerimport.com.au"><img src="http://www.seekerimport.com.au/ebaystore/images/but_contact.png" alt="but_contact" width="148" height="51" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://feedback.ebay.com.au/ws/eBayISAPI.dll?ViewFeedback2&userid=ozfarmsupply&ftab=AllFeedback"><img src="http://www.seekerimport.com.au/ebaystore/images/but_feedback.png" alt="but_feedback" width="148" height="51" border="0" /></a></td>
<td align="center" valign="middle"><a href="http://stores.ebay.com.au/OZ-Farm-Supply/About-us.html"><img src="http://www.seekerimport.com.au/ebaystore/images/but_about.png" alt="but_about" width="148" height="51" border="0" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td align="center" valign="middle"><img src="http://www.seekerimport.com.au/ebaystore/images/top_shadow.png" width="991" height="24" alt="top_shadow" /></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><p> </p>
<table width="99%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="1%"> </td>
<td width="18%" valign="top"><table width="82%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td colspan="3"><img src="http://www.seekerimport.com.au/ebaystore/images/search_top.png" width="170" height="26" alt="search_top" /></td>
</tr>
<tr>
<td height="19" colspan="3" background="http://www.seekerimport.com.au/ebaystore/images/search_bg.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%"> </td>
<td width="88%"><form name="search" method="get"
action="http://search.stores.ebay.com/search/search.dll?GetResult&">
<input type="text" name="query" maxlength="300" >
<input type="hidden" name="fcd" value="2">
<input type="hidden" name="from" value="R10">
<input type="hidden" name="sid" value="46179311">
<input name="submit" type="submit" value="Search">
<br />
<input type="checkbox" name="ozfarmsupply" value="y">search titles & descriptions
</form></td>
<td width="6%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="6" colspan="3" valign="top"><img src="http://www.seekerimport.com.au/ebaystore/images/bot_search.png" width="170" height="6" alt="bot_search" /></td>
</tr>
</table>
<table width="96%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/cate_top.png" width="170" height="26" alt="cat_top" /></td>
</tr>
<tr>
<td background="http://www.seekerimport.com.au/ebaystore/images/search_bg.png"
"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="6%" height="323"> </td>
<td width="88%"><p><a href="http://stores.ebay.com.au/OZ-Farm-Supply/Home-Farm-/_i.html?_fsub=936500011&_sid=46179311&_trksid=p4634.c0.m322" class="links">Home & Farm</a><br />
<a href="http://stores.ebay.com.au/OZ-Farm-Supply/Weed-Erosion-control-/_i.html?_fsub=936499011&_sid=46179311&_trksid=p4634.c0.m322" class="links">Weed, Erosion control</a><br />
<a href="#" class="links">Small Animals <br />
</a>
<a href="#" class="links">Grooming & Show<br />
</a>
<a href="#" class="links">Pig & Poultry<br />
</a>
<a href="#" class="links">Sheep & Goats<br />
</a>
<a href="#" class="links">Animal Health<br />
</a>
<a href="#" class="links">Animal Identification<br />
</a>
<a href="#" class="links">Hoofcare<br />
</a>
<a href="#" class="links">Milking<br />
</a>
<a href="#" class="links">Dairy & Beef<br />
</a>
<a href="#" class="links">Calving & Rearing<br />
</a>
<a href="#" class="links">Tools<br />
</a>
<a href="#" class="links">Fencing<br />
</a>
<a href="#" class="links">Electric Fencing</a>
</p>
<p> </p></td>
<td width="6%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td><img src="images/bot_search.png" width="170" height="6" alt="bot_search" /></td>
</tr>
</table>
<p> </p>
<p> </p></td>
<td width="1%"> </td>
<td width="79%" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="80%" valign="top"><img src="images/products_top.png" width="630" height="26" alt="product_top" /></td>
<td width="1%" rowspan="3"> </td>
<td width="19%" colspan="3" rowspan="3" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/email.png" width="162" height="123" alt="email" /></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/feedback_top.png" width="162" height="27" alt="feedback_top" /></td>
</tr>
<tr>
<td background="http://www.seekerimport.com.au/ebaystore/images/feedback_bg.png" height="48"><table width="99%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="6%"> </td>
<td width="88%" align="left"><p>{eBayFeedback SIZE="4" COLOR="WHITE" TABLEWIDTH="75%" ALTERNATECOLOR=</p>
<p>"WHITE"}</p></td>
<td width="6%"> </td>
</tr>
</table> </td>
</tr>
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/bot_feedback.png" alt="bot_feedback" width="162" height="38" border="0" usemap="#Map" /></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top" background="http://www.seekerimport.com.au/ebaystore/images/product_bg.png"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="2%"> </td>
<td width="96%"><p>{eBayStoresItemList DISPLAY="<em>1</em>"} </p>
<p>{eBayStoresItemList SORT="<em>1</em>"}</p>
<p> </p>
<p> </p></td>
<td width="2%"> </td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top"><img src="http://www.seekerimport.com.au/ebaystore/images/bot_products.png" width="630" height="6" alt="bot_products" /></td>
</tr>
</table></td>
<td width="1%"> </td>
</tr>
</table>
<p> </p></td>
</tr>
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/footer_shadow.png" width="991" height="21" alt="footer_shadow" /></td>
</tr>
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/footer_bar.png" width="991" height="47" alt="footer_bar" /></td>
</tr>
<tr>
<td><img src="http://www.seekerimport.com.au/ebaystore/images/footer.png" width="991" height="119" alt="footer" /></td>
</tr>
</table></td>
</tr>
</table>

<map name="Map" id="Map">
<area shape="rect" coords="29,8,138,35" href="ViewFeedback2&userid=ozfarmsupply&ftab=AllFeedback" />
</map>
</body>
</html>
pandy
If the real page doesn't use a doctype either, you should add one. Then you should validate.

http://htmlhelp.com/tools/validator/doctype.html
http://hsivonen.iki.fi/doctype/
http://htmlhelp.com/tools/validator/



Loggi
Hi Pandy,

tried it with a few different doctypes and it is still the same!

This is the Link to look at!
http://cgi6.ebay.com.au/ws/eBayISAPI.dll?StoreCustomPageMgmt

pandy
Nope, I get a login page.

Sorry, I overlooked it's an ebay page. Then you probably shouldn't have a doctype and probably not HTML, BODY and so on either. Is the markup you posted based an a template given to you from eBay? I don't use eBay, but as far as I understand the additions you make will be embedded in their page, so it shouldn't be a complete HTML page (with doctype, head, body...), but I could be wrong. If I'm right, whatever you create will also be affected by what eBay already has there.

If you can post the link to your actual eBay page it would help some.
Loggi
Hi
Yes it is a Ebay store design I am doing.

Sorry the link above was just the preview!
Here is the correct on looks awful in IE8 but it is ok in chrome etc


http://stores.ebay.com.au/OZ-Farm-Supply?_trksid=p4340.l2563

I still think I made a mistake with the code but I am a greenhorn and have no Idea :-)
pandy
Yeah, if you view source you can find the markup you posted above in the middle of theirs. You need to remove the whole head section and the BODY tags to start with.
Loggi
Can you please point me in the correct cell
pandy
Remove this

CODE
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body topmargin="0" bottommargin="0" leftmargin="0" rightmargin="0" background="images/bg.png">


and this.

CODE
</body>
</html>


I won't necessarily help with your problem, but it will give us something more reasonable to look at.
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.