Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 9 of 9
  1. #1
    Junior Member
    Join Date
    Jan 2007
    Posts
    5
    Member #
    14754
    I'm having a problem. I can get my page to display properly in Firefox..but in IE 7.0 it doesn't position my side buttons properly. Any help with this on what I can change?


    <p><a href="index.html"><img src="Use/button_home.jpg" border="0" style="position:fixed;top:200px;left:5%;"></a></p>
    <p><a href="info.html"><img src="Use/button_info.jpg" border="0" style="position:fixed;top:350px;left:5%;"></a></p>


    Firefox drops those two buttons down the page properly...while Internet explorer leaves them up at the top.

  2.  

  3. #2
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Don't suppose you can give us a link so we can see what it's supposed to look like? Or maybe screenshots of the two browsers?

  4. #3
    Junior Member
    Join Date
    Jan 2007
    Posts
    5
    Member #
    14754
    Here's some screen shots... Thanks for any help you give me.
    Attached Images Attached Images

  5. #4
    Senior Member Kayo's Avatar
    Join Date
    Dec 2006
    Location
    Brampton Ontario
    Posts
    416
    Member #
    14523
    Liked
    39 times
    could you give us the code for us to figure out the problem? both html and css

  6. #5
    Junior Member
    Join Date
    Jan 2007
    Posts
    5
    Member #
    14754
    <html>
    <head><title>CA Quiet Wean</title></head>
    <link rel=StyleSheet HREF="CSS/style.css" Type="text/css">
    <p><img STYLE="position:absolute;TOP:10%;LEFT:30%;" src="Use/Home.jpg"></p>
    <p><a href="index.html"><img src="Use/button_home.jpg" border="0" style="position:fixed;top:200px;left:5%;"></a></p>
    <p><a href="info.html"><img src="Use/button_info.jpg" border="0" style="position:fixed;top:350px;left:5%;"></a></p>
    </body></html>

  7. #6
    Senior Member Kayo's Avatar
    Join Date
    Dec 2006
    Location
    Brampton Ontario
    Posts
    416
    Member #
    14523
    Liked
    39 times
    hmmm. try not using percents... use px instead

  8. #7
    Junior Member
    Join Date
    Jan 2007
    Posts
    5
    Member #
    14754
    It does use pixels to push it down from the top... The first one is 200px down and the second 350px. It only uses percentile to push it to the left 5%... I messed with percentiles and it does the same.. Works with Firefox but not with IE. Is it maybe the fact that I upgraded it to IE 7.0 it has some sort of retarded Microsoft like problems???

  9. #8
    Senior Member
    Join Date
    Jun 2005
    Location
    Atlanta, GA
    Posts
    4,146
    Member #
    10263
    Liked
    1 times
    Try nuking the border, padding, and margin on all the `p' elements.

  10. #9
    Senior Member Steax's Avatar
    Join Date
    Dec 2006
    Location
    Bandung, Indonesia
    Posts
    1,207
    Member #
    14572
    It seems to me like another box model problem. I'll look into it and post again later. And btw, don't use the border property on images. And instead of using inline styles, use an unordered list to display the links.

    Like this in HTML:
    Code:
    <ul id="menu">
       <li><a href="">Link1</a></li>
       <li><a href="">Link2</a></li>
       <li><a href="">Link3</a></li>
    </ul>
    And like this in CSS:
    Code:
    #menu{
      position: fixed;
      top: 200px;
      left: 50px;
    }
    Don't forget to negate the list padding and margins and bullets.

    PS: Where's the opening body tag in your code?
    Note on code: If I give code, please note that it is simply sample code to demonstrate an effect. It is not meant to be used as-is; that is the programmer's job. I am not responsible to give you support or be held liable for anything that happens when using my code.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 11:00 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com