Need your immediate help Plz..

Discussion in 'HTML & Website Design' started by Bilal Ahmad, Jul 15, 2010.

  1. #1
    Hello friends, i am facing a problem with Internet Explorer.

    I just add a banner in my blog header. It is working fine in FireFox, Chrome and Opera.
    But
    There is problem with Internet Explorer.

    In IE the image is showing fine on the Home Page, but when you click on any Post the image overlaps and move to the bottom.

    Please open my blog www.techmaish.com in IE and you will see the error.

    I added the below code in my Thesis Custom-Function.php file.

    <a href="http://www.techmaish.com/go/thesis/"><img src="http://www.shareasale.com/image/24570/468x60.png" alt="build a better blog" align="right" vspace="15" hspace="15" /></a></img>


    Please suggests me the correct code so that i can solve this issue.
     
    Bilal Ahmad, Jul 15, 2010 IP
  2. thejupitech

    thejupitech Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Hello I did not understand your problem properly......I was open your link in IE.....but I did not seen any changes....anyway thanks for sharing....
     
    thejupitech, Jul 15, 2010 IP
  3. jamesgopu

    jamesgopu Greenhorn

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #3
    nothing to worry may i know your IE version?
     
    jamesgopu, Jul 16, 2010 IP
  4. Bilal Ahmad

    Bilal Ahmad Peon

    Messages:
    328
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #4
    The version is IE 8
     
    Bilal Ahmad, Jul 16, 2010 IP
  5. nwdeal2

    nwdeal2 Peon

    Messages:
    35
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #5
    The position of your banner is relative to your IE browser size and when you resize your IE browser the banner floats from left to right.

    You can fix this by putting both the logo and the banner in their own divs within the header div. Then float your logo left and your banner right.

    1. Add this to your CSS file.

    #logo { background: url(http://www.techmaish.com/wp-content/uploads/2010/07/logo2.png) no-repeat; float:left; width:400px; height:70px;}


    2. Swap the leaderboard_ad code with this in your CSS file

    #leaderboard_ad {float:right; height:60px; width:468px;}


    3. Replace this code in your header div

    <div id="header">

    <div id="logo" ><h1 id="tagline"></h1></div>
    <div id="leaderboard_ad"><a href="http://www.techmaish.com/go/thesis/"><img alt="thesis theme" src="http://www.techmaish.com/wp-content/uploads/2010/07/thesis.png" /></a></div>

    </div>



    Thanks!
     
    nwdeal2, Jul 16, 2010 IP
  6. eldy

    eldy Peon

    Messages:
    81
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    </img> <-- there are no such a code in HTML I think.. just direct close it, like <img src="URL"/>
     
    eldy, Jul 16, 2010 IP
  7. jamesgopu

    jamesgopu Greenhorn

    Messages:
    21
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #7
    do not worry you just try to uninstall your ie8 and reinstall with new version of ie8. because many of the person got same problem like you. it's a browser problem.
    but it has solution. now it's fixed by Microsoft so you try to use new version of ie8 and let me know again it get trouble.
     
    jamesgopu, Jul 16, 2010 IP
  8. ackernik

    ackernik Greenhorn

    Messages:
    33
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    16
    #8
    Structure it to IE
     
    ackernik, Jul 17, 2010 IP
  9. simpleloveman

    simpleloveman Guest

    Messages:
    37
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    Think Before you Speak Up!!

    </img> is the image close tag and is efficient than simple slash close.
    Thanks.
     
    simpleloveman, Jul 17, 2010 IP
  10. Bilal Ahmad

    Bilal Ahmad Peon

    Messages:
    328
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #10
    So i will have to remove </img> or not.
     
    Bilal Ahmad, Jul 20, 2010 IP