Jump to content
  • Checkout
  • Login
  • Get in touch

osCommerce

The e-commerce.

IE 8 putting lines on page


Guest

Recommended Posts

can someone help please. my page looks fine in ie7 and firefox.

but ie8 puts these lines in.

 

anyone know why and how to fix?

 

ie8c.jpg

 

 

thank you

Link to comment
Share on other sites

IE8 behaves differently from earlier IE versions. By default, it now more or less obeys Web standards, whereas in IE7 and earlier, MS said, "We know better, so we'll do it out way." The upshot is that code which relies on "IE or not IE" tests will do the wrong thing with IE8, since it will assume that the browser will do things in a non-standard way. IE8 users can set a configuration switch somewhere that tells IE8 to behave like IE7, but of course, each user will have to "break" their own copy of the browser. The long term solution is to fix the code so that IE8 and higher is treated like Firefox or other standards-compliant browsers.

Link to comment
Share on other sites

can someone help please. my page looks fine in ie7 and firefox.

but ie8 puts these lines in.

 

They appear to be transparent gif's (pixel_trans.gif) that are showing up as white... but as mentioned, it's hard to tell without a link.

"Outside of a dog, a book is man's best friend.

Inside of a dog, it's too dark to read."

 

GROUCHO (1895-1977)

Link to comment
Share on other sites

here is the html code from IE8 dev tools

 

as well my language icon is not showing in IE8 (english only right now)

 

<!-- saved from url=(0047)http://domain.com/index.php/language/en -->
<!-- Generated by Developer Tools. This might not be an accurate representation of the original source file -->
<HTML dir=ltr lang=en><HEAD><TITLE>domain</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type><BASE href="http://domain.com/"><LINK rel=stylesheet type=text/css href="stylesheet.css"></HEAD>
<BODY bottomMargin=0 leftMargin=0 rightMargin=0 topMargin=0 marginheight="0" marginwidth="0"><!-- header //--><!-- start -->
<TABLE style="WIDTH: 742px; BACKGROUND: url(images/bg.gif)" border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD>
<TABLE style="HEIGHT: 419px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE style="HEIGHT: 105px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><A href="http://domain.com/index.php"><IMG border=0 alt="" src="images/logo.gif" width=426 height=105></A></TD>
<TD>
<TABLE style="WIDTH: 243px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE style="BACKGROUND: url(images/top.gif); HEIGHT: 35px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="images/spacer.gif" width=35 height=1></TD>
<TD style="WIDTH: 35px"><BR style="LINE-HEIGHT: 5px"><IMG border=0 alt="" src="images/z2.gif" width=22 height=22></TD>
<TD>
<TABLE style="WIDTH: 173px" class=header border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><BR style="LINE-HEIGHT: 8px">Shopping Cart   ( <A href="http://domain.com/shopping_cart.php">0</A> ) items<BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE style="HEIGHT: 70px" class=header border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="images/spacer.gif" width=8 height=1></TD>
<TD>
<TABLE style="WIDTH: 104px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><BR style="LINE-HEIGHT: 28px"><A href="http://domain.com/index.php/language/en">
<IMG title=" English " border=0 alt=English src="includes/languages/english/images/icon.gif"></A>  
</TD></TR></TBODY></TABLE></TD>
<TD><IMG border=0 alt="" src="images/z.gif" width=1 height=70></TD>
<TD><IMG border=0 alt="" src="images/spacer.gif" width=24 height=1></TD>
<TD>
<TABLE style="WIDTH: 106px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><BR style="LINE-HEIGHT: 11px"><B>Currencies</B><BR><BR style="LINE-HEIGHT: 3px">
<FORM method=get name=currencies action=http://domain.com/index.php>
<SELECT class=jamp onchange=this.form.submit(); name=currency>
<OPTION selected value=USD>US Dollar</OPTION>
<OPTION value=&eu>Euro</OPTION></SELECT>
<INPUT value=en type=hidden name=language>
</FORM></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD><IMG border=0 alt="" src="images/z1.gif" width=73 height=105></TD></TR></TBODY></TABLE>
<TABLE style="HEIGHT: 280px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><A href="http://domain.com/index.php"><IMG border=0 alt="" src="includes/languages/english/images/buttons/m1.gif" width=192 height=45></A>
<A href="http://domain.com/products_new.php"><IMG border=0 alt="" src="includes/languages/english/images/buttons/m2.gif" width=134 height=45></A>
<A href="http://domain.com/specials.php"><IMG border=0 alt="" src="includes/languages/english/images/buttons/m3.gif" width=123 height=45></A>
<A href="http://domain.com/account.php"><IMG border=0 alt="" src="includes/languages/english/images/buttons/m4.gif" width=118 height=45></A>
<A href="http://domain.com/contact_us.php"><IMG border=0 alt="" src="includes/languages/english/images/buttons/m5.gif" width=175 height=45></A><BR>
<A href="http://domain.com/index.php/cPath/3"><IMG border=0 alt="" src="images/p1.jpg" width=742 height=250></A><BR>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<!-- end --><!-- start --></TD></TR>
<TR>
<TD><!-- end --><!-- header_eof //--><!-- body //-->
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD class=col_left vAlign=top><!-- left_navigation //-->
<TABLE class=box_width_left border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="images/spacer.gif" width=49 height=1></TD>
<TD width="100%">
<TABLE border=0 cellSpacing=0 cellPadding=0><!-- categories //-->
<TBODY>
<TR>
<TD>
<TABLE class=box_header_txt border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="images/q1.gif" width=16 height=25></TD>
<TD style="WIDTH: 100%" class=vam>Categories</TD>
<TD><IMG border=0 alt="" src="images/q2.gif" width=18 height=25></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD>
<TABLE style="MARGIN-BOTTOM: 10px" class=box_body border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD style="PADDING-BOTTOM: 10px; PADDING-LEFT: 15px; PADDING-RIGHT: 15px; PADDING-TOP: 8px" class=vam width="100%">
<UL>
<LI class=bg_list><A href="http://domain.com/index.php/cPath/16">Category1</A>
<LI class=bg_list><A href="http://domain.com/index.php/cPath/13">Category2</A>
<LI class=bg_list><A href="http://domain.com/index.php/cPath/14">Category3</A>
<LI class=bg_list><A href="http://domain.com/index.php/cPath/15">Category4</A></LI></UL></TD></TR>
<TR>
<TD style="BACKGROUND: url(images/1_line.gif) no-repeat left top" class=vam width="100%">
<IMG border=0 alt="" src="images/spacer.gif" width=1 height=6>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<!-- categories_eof //--></TD></TR></TBODY></TABLE></TD>
<TD><IMG border=0 alt="" src="images/spacer.gif" width=21 height=1>
</TD></TR></TBODY></TABLE><!-- left_navigation_eof //--></TD>
<!-- body_text //-->
<TD class=col_center width="100%">
<TABLE class=cont_header_txt border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="images/1_q1.gif" width=15 height=25></TD>
<TD width="100%">What's New Here?</TD>
<TD><IMG border=0 alt="" src="images/1_q2.gif" width=21 height=25></TD></TR></TBODY></TABLE>
<TABLE class=heading_top_3 border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class=padd_33><!-- new_products //-->
<TABLE class="box_width_cont product" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD>
<TABLE class=tableBox_output border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD style="WIDTH: 100%" align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="HEIGHT: 104px" class=vam>
<TABLE style="WIDTH: 156px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class=pic><A href="http://domain.com/product_info.php/products_id/44"><IMG title=" Product1 " border=0 alt="Product1" src="images/product1.jpg" width=131 height=90></A></TD></TR></TBODY></TABLE></TD>
<TD style="WIDTH: 100%">
<TABLE border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD style="HEIGHT: 61px" class=vam colSpan=2><A href="http://domain.com/product_info.php/products_id/44">Product1</A>  Product1 description</TD></TR>
<TR>
<TD style="WIDTH: 70%; HEIGHT: 43px" class=padd333>
<A href="http://domain.com/product_info.php/products_id/44"><IMG border=0 alt="" src="includes/languages/english/images/buttons/button_details.gif" width=64 height=17></A>
<IMG border=0 alt="" src="images/spacer.gif" width=3 height=1> <A href="http://domain.com/products_new.php/action/buy_now/products_id/44">
<IMG border=0 alt="" src="includes/languages/english/images/buttons/button_add_to_cart1.gif" width=94 height=17></A><BR></TD>
<TD style="WIDTH: 30%; HEIGHT: 53px" align=middle><BR style="LINE-HEIGHT: 5px"><SPAN class=productSpecialPrice>$100.00</SPAN>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD style="HEIGHT: 1px" class=bg_gg_1><IMG border=0 alt="" src="images/spacer.gif" width=1 height=21></TD></TR>
<TR>
<TD style="WIDTH: 100%" align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="HEIGHT: 104px" class=vam>
<TABLE style="WIDTH: 156px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class=pic><A href="http://domain.com/product_info.php/products_id/43"><IMG title=" product2 " border=0 alt="product2" src="image/product2.jpg" width=131 height=90></A></TD></TR></TBODY></TABLE></TD>
<TD style="WIDTH: 100%">
<TABLE border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD style="HEIGHT: 61px" class=vam colSpan=2><A href="http://domain.com/product_info.php/products_id/43">Product2</A>  Product2 description</TD></TR>
<TR>
<TD style="WIDTH: 70%; HEIGHT: 43px" class=padd333><A href="http://domain.com/product_info.php/products_id/43">
<IMG border=0 alt="" src="includes/languages/english/images/buttons/button_details.gif" width=64 height=17></A>
<IMG border=0 alt="" src="images/spacer.gif" width=3 height=1> <A href="http://domain.com/products_new.php/action/buy_now/products_id/43">
<IMG border=0 alt="" src="includes/languages/english/images/buttons/button_add_to_cart1.gif" width=94 height=17></A><BR></TD>
<TD style="WIDTH: 30%; HEIGHT: 53px" align=middle><BR style="LINE-HEIGHT: 5px"><SPAN class=productSpecialPrice>$3.00</SPAN>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD style="HEIGHT: 1px" class=bg_gg_1><IMG border=0 alt="" src="images/spacer.gif" width=1 height=21></TD></TR>
<TR>
<TD style="WIDTH: 100%" align=middle>
<TABLE cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD style="HEIGHT: 104px" class=vam>
<TABLE style="WIDTH: 156px" border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD class=pic><A href="http://domain.com/product_info.php/products_id/42"><IMG title=" Product3 " border=0 alt="Product3" src="images/product3.png" width=131 height=90></A></TD></TR></TBODY></TABLE></TD>
<TD style="WIDTH: 100%">
<TABLE border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD style="HEIGHT: 61px" class=vam colSpan=2><A href="http://domain.com/product_info.php/products_id/42">product3</A>  Product3 description</TD></TR>
<TR>
<TD style="WIDTH: 70%; HEIGHT: 43px" class=padd333><A href="http://domain.com/product_info.php/products_id/42">
<IMG border=0 alt="" src="includes/languages/english/images/buttons/button_details.gif" width=64 height=17></A>
<IMG border=0 alt="" src="images/spacer.gif" width=3 height=1> <A href="http://domain.com/products_new.php/action/buy_now/products_id/42">
<IMG border=0 alt="" src="includes/languages/english/images/buttons/button_add_to_cart1.gif" width=94 height=17></A><BR></TD>
<TD style="WIDTH: 30%; HEIGHT: 53px" align=middle><BR style="LINE-HEIGHT: 5px"><SPAN class=productSpecialPrice>$15.99</SPAN>
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- new_products_eof //-->
<TABLE class="box_width_cont product" border=0 cellSpacing=0 cellPadding=0 align=center>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD><!-- body_text_eof //-->
<TD class=col_right><!-- right_navigation //-->
<TABLE class=box_width_right border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD></TD>
<TD width="100%">
<TABLE border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE><!-- right_navigation_eof //-->
</TD></TR></TBODY></TABLE><!-- body_eof //--><!-- footer //--></TD></TR>
<TR>
<TD>
<TABLE style="BACKGROUND: url(images/bot.gif) #000000 no-repeat left top; HEIGHT: 67px" class=footer border=0 cellSpacing=0 cellPadding=0>
<TBODY>
<TR>
<TD><IMG border=0 alt="" src="images/spacer.gif" width=65 height=1></TD>
<TD style="WIDTH: 155px"><BR style="LINE-HEIGHT: 26px"><IMG border=0 alt="" src="images/p.gif" width=133 height=21><BR></TD>
<TD style="WIDTH: 522px"><BR style="LINE-HEIGHT: 24px">
<A href="http://domain.com/specials.php">Specials</A>  |  
<A href="http://domain.com/advanced_search.php">Advanced Search</A>  |  
<A href="http://domain.com/reviews.php">Reviews</A>  |  
<A href="http://domain.com/create_account.php">Create an Account</A>  |  
<A href="http://domain.com/login.php">Log In</A><BR>
<A href="http://domain.com/index.php">Domain</A>  © 2009<BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE border=0 cellSpacing=0 cellPadding=0 width="100%">
<TBODY>
<TR>
<TD align=middle></TD></TR></TBODY></TABLE><!-- footer_eof //-->
<P></P>
<P></P></BODY></HTML>

Link to comment
Share on other sites

i see stuff like this:

<IMG border=0 alt="" src="images/spacer.gif" width=1 height=21>

 

and like this:

TD style="BACKGROUND: url(images/1_line.gif) no-repeat left top"

 

where their are stretched spacers and line graphics being used in the layout of the page.

 

i'd bet that the problems mentioned above, where IE 7 did things it's own (non-compliant) way, is causing these small effects to get tweaked.

 

further, i'd bet your template developer is a firefox person. :-)

 

layout elements you've installed looked to be causing these issues. on the actual page, right click on one of the undesired lines and see if the properties point you to a file name.

Link to comment
Share on other sites

i see stuff like this:

<IMG border=0 alt="" src="images/spacer.gif" width=1 height=21>

 

and like this:

TD style="BACKGROUND: url(images/1_line.gif) no-repeat left top"

 

where their are stretched spacers and line graphics being used in the layout of the page.

that makes sence, I clicked on most of the lines and the properties all point to domain.com/images/spacer.gif

 

can it be solved by changing no-repeat to repeat?

 

as well I don't know where to fix it as the above code is the source HTML from the IE8 developer tools in the browser.

would I have to change code in index.php?

Link to comment
Share on other sites

from here, it's very hard for me to pin down the problem precisely. i suggest you make a backup copy of that spacer then change the one in your site to confirm it's a problem with the spacer's tranparency or color or whatever. you've got to do more investigation into the exact cause of the problem, in my opinion. good luck!

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...