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 5 of 5
  1. #1
    Junior Member
    Join Date
    Aug 2009
    Posts
    2
    Member #
    19736
    I am very new to web design. I taught myself html, css, js, and some php this summer and made a site for my moms business. Everything has gone fine except with IE7 and earlier. I don't think this is the classic margin hack, because the left margin on the images are far from 2x times larger. The other problem is the search text box. I have tried the underscore hack, I have a margin fix js script, nothing seems to work. I feel since I am so new maybe I am missing something obvious.

    Here is the site: www.chrisannphoto.com

    any help would be welcome.

    Thanks
    Matt



    this is the css for the images and the nav menu:

    /* BANNER */

    #banner {
    width: 907px;
    height: 335px;
    background: url(../images/bannerBG.png);
    margin: auto;
    overflow: hidden;
    }

    #featured
    {
    width: 842px;
    height: 250px;
    padding: 0;
    margin: 50px auto;
    }

    #featured img {
    border: 1px solid gray;
    }

    #featured a:hover {
    border: none;
    }

    /* NAV */

    #nav {
    overflow: hidden;
    width: 925px;
    height:70px;
    line-height: 52px;
    margin: auto;
    background: url(../images/navBG.png) no-repeat;
    }

    #nav ul {

    position: relative;
    _margin-left: 4px;
    margin-left: 8px;
    }

    #nav li {
    width: 121px;
    height: 53px;
    font-size: 15px;
    font-weight: bold;
    display: inline;
    text-transform: uppercase;
    }

    #nav a {
    padding-top: 18px;
    padding-bottom: 18px;
    }

    #home {
    padding-left: 35px;
    padding-right: 35px;
    }

    #galleries {
    padding-left: 20.5px;
    padding-right: 20.5px;
    }

    #services {
    padding-left: 23.5px;
    padding-right: 23.5px;
    }

    #bio {
    padding-left: 18px;
    padding-right: 18px;
    }

    #contact {
    padding-left: 13px;
    padding-right: 13px;
    }

    #nav li a:hover {

    color: white;
    background: url(../images/buttonHighlight.png) no-repeat;
    border-left: 2px solid #6ea900;
    border-right: 2px solid #6ea900;
    border-bottom: none;
    }

    #nav img {
    z-index: 1;
    position: relative;
    line-height: 52px;
    margin-top: 9px;
    left: 21px;
    display: inline;
    }

    #nav input{ /* fix spacing */
    border: none;
    width: 175px;
    height: 33px;
    margin-top: 9px;
    padding-top: 9px;
    _margin-right: 17px;
    margin-right: 35px;
    background: url(../images/searchButtonBG.png) no-repeat;
    color: white;
    z-index: 0;
    text-indent: 1px;
    }

    #nav input:focus {
    outline: none;
    }

  2.  

  3. #2
    Senior Member Karloff's Avatar
    Join Date
    Oct 2005
    Posts
    744
    Member #
    11702
    hey man, can you disable the IE margin js as its making my IE7 & 6 crash, seems to work fine until the dom throws it out of position and then crashes

  4. #3
    Senior Member Karloff's Avatar
    Join Date
    Oct 2005
    Posts
    744
    Member #
    11702
    ok, just a guess, is to remove the id's from the img's, think that might be throwing something out... however it making my pc crash for some reason so its hard to tell

  5. #4
    Junior Member
    Join Date
    Aug 2009
    Posts
    2
    Member #
    19736
    Thanks for looking at this for me. I disabled the IEmargin.js and I removed the id tags from the images.

    Matt

  6. #5
    Senior Member Karloff's Avatar
    Join Date
    Oct 2005
    Posts
    744
    Member #
    11702
    maybe try #header a { position:absolute; top:0; left:0;}

    the position: absolute applied by the js is throwing it out in IE, or you could specify something else for IE specific ?


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