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 2 of 2
  1. #1
    Junior Member
    Join Date
    Jan 2006
    Posts
    9
    Member #
    12261
    Hi I'm making a personal website for a University assignment (please dont be rough on me I know it's pretty rough around the edges)

    I've pretty much finnished it but I have a problem with internet explorer. The site looks fine in Fire Fox but when IE has a go it displays one of my images strangeley. The image I'm refering to is the one that displays the 'Portfolio' link on the homepage. It seems to be displaying another image behind it. I've checked my div tag and I'm stating the correct image for display. Also they seem to be far more spread out than than in Fire Fox. The rest of the site shows up ok in both browsers.

    heres the site: www.crystaltwister.com

    Heres my html:

    Code:
    </head>
    
    <body>
    <div class="Background">
        
      <div class="mainpage">
          <div class="home"><a href="index.php"><img src="WEBIMAGES/LINKS/Link18.gif"></a></div>
              <div class="introduction"><h1>Introduction</h1><p> Hello websurfer! Welcome to my site.................</p></div>
                <div class="container">
                    <div class="newbugatti"><?php print $$chunk; ?></div>
                </div>
                <div class="container3">
                    <div class="cv"><a href="CV Page one.php"><img src="WEBIMAGES/LINKS/Link1.gif" /></a></div>
                    <div class="portfolio"><a href="Portfolio Page one.php"><img src="WEBIMAGES/LINKS/Link3.gif" /></a></div>
                    <div class="software"><a href="Software.php"><img src="WEBIMAGES/LINKS/Link5.gif" /></a></div>
                    <div class="wherenext"><a href="The future.php"><img src="WEBIMAGES/LINKS/Link7.gif" /></a></div>
                </div>    
                    <div class="pens"></div>
                    <div class="pens2"></div>
        </div>
      
    </div>
    
    </body>
    </html>
    and heres the relevant css:

    Code:
    .container3 {
        position: relative;
        height: 300px;
        width: 300px;
        left: 500px;
        top: 500px;
    }
    
    .cv {
        background-image: url(WEBIMAGES/LINKS/Link1.gif);
        position: relative;
        height: 44px;
        width: 77px;
        left: 0px;
        top: 0px;
    }
    
    
    .portfolio {
        background-image: url(WEBIMAGES/LINKS/Link8.gif);
        position: relative;
        height: 46px;
        width: 183px;
        left: 0px;
        top: 50px;
    }
    
    .software {
        background-image: url(WEBIMAGES/LINKS/Link5.gif);
        height: 52px;
        width: 190px;
        left: 0px;
        top: 100px;
        position: relative;
    }
    
    .wherenext {
        background-image: url(WEBIMAGES/LINKS/Link7.gif);
        position: relative;
        height: 44px;
        width: 283px;
        left: 0px;
        top: 155px;
    }

  2.  

  3. #2
    Junior Member
    Join Date
    Jan 2006
    Posts
    9
    Member #
    12261
    haha - sussed it out by removing - width and height. dunno why this worked but it did - yay


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 06:17 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com