1. You are viewing our forum as a guest. For full access please Register. WindowsBBS.com is completely free, paid for by advertisers and donations.

I.E. Positioning Problem

Discussion in 'Internet Explorer & Microsoft Edge' started by JGrad, 2011/03/14.

Thread Status:
Not open for further replies.
  1. 2011/03/14
    JGrad

    JGrad Inactive Thread Starter

    Joined:
    2011/03/14
    Messages:
    1
    Likes Received:
    0
    I am having a problem for the website xxx.fortune3.com/evereadyhardware

    The problem code is at the bottom of this post.

    1. I have a bottom-margin of -39px on the logo on the top left of the page. In Chrome and Firefox, the logo appears over the graphic underneath it, as it should; however, in Explorer, the graphic below the logo obstructs its view.

    How do I make the logo appear over the graphic underneath it.

    I have tried messing with Z-Indexing to no avail and used a conditional I.E. position bug fix in my <style> tags but neither of these solutions worked.

    Code 1:

    <TR><TD><FONT class=companyname><A href=" "http://www.evereadyhardware.net "><IMG alt= "Eveready wholesale hardware distributors. We sell closet hardware, kitchen hardware, bath hardware, architectural moldings..." src= "{logo}" width= "200px" bordercolor= "white" style= "border: 0; margin-left: 14px; bordercolor: white; margin-bottom: -39px; bgcolor: white;" valign= "top ">
    </A></font></TD></TR></TABLE></TD>
    <TD bgColor=#ffffff width= "100% ">
    <TABLE border=0 cellSpacing=5 cellPadding=5 width= "100% ">
    <tr><td>
    <p align=right valign=top>
    <A href= "{f3contact} "><IMG src=storelocator2.png width=140 border=0></A>
    <A href= "{f3faq} "><img src=help1.png width=140 border=0></A>
    <A href= "http://wholesale.fortune3.com/evereadyhardware/ "><img src=myaccount1.png border=0 width=140></A>
    <A href= "http://www.fortune3.com/evereadyhardware/newwholesalecustomer.cgi "><img src=newcustomer1.png border=0 width=140 style= "margin-right: -25px; "></A>
    &nbsp;&nbsp;&nbsp;&nbsp;
    </p>
    </A></TD></TR></TABLE></TD></TR></TABLE></TD></TR></table></td></tr></table></td></tr></table>
    <td width= "94%" height= "25" valign= "top" bgcolor= "#FFFFFF "><table width= "100%" height= "30" border= "0" align= "center" cellpadding= "0" cellspacing= "0 ">
    <td background= "but-mid.jpg" height= "30px "><table width= "96%" height= "30px" border= "0" align= "center" cellpadding= "0" cellspacing= "0 ">
    <tr>
    <tr height= "25 ">
    <td height= "25" align= "center ">


    Thanks.
     
  2. 2011/03/15
    TonyT

    TonyT SuperGeek Staff

    Joined:
    2002/01/18
    Messages:
    9,072
    Likes Received:
    400
    It's not real clear what exactly your problem is, but all looks the same in FF, Chrome & IE8. Using negative values to solve layout issues is not the best workaround. You should be setting padding and margins on the parent elements instead.

    Anyway, you have a horizontal scrollbar due to the fact that you are using so many nested <table>s and their exact widths are not specified in the css, or some of their child elements do not have specified widths.

    You should be using <div>s.

    Look at the errors on the page and correct them, your layout and positioning issues will get solved:
    http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

    Then correct the CSS:
    http://jigsaw.w3.org/css-validator/...usermedium=all&warning=1&vextwarning=&lang=en
     

  3. to hide this advert.

  4. 2011/03/15
    PeteC

    PeteC SuperGeek Staff

    Joined:
    2002/05/10
    Messages:
    28,896
    Likes Received:
    389
    Looks fine in IE9 - or am I missing the point :) .....
     

    Attached Files:

    • IE9.JPG
      IE9.JPG
      File size:
      43.1 KB
      Views:
      4
Thread Status:
Not open for further replies.

Share This Page

  1. This site uses cookies to help personalise content, tailor your experience and to keep you logged in if you register.
    By continuing to use this site, you are consenting to our use of cookies.