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 3 of 3
  1. #1
    Junior Member
    Join Date
    May 2009
    Posts
    2
    Member #
    19004
    Hi! Im new to building websites. My site looks fine in EI and Safari but doesnt work in internet explorer. Im at a loss as to what code I'm missing?? Any help would be appreciated!

    The link is: www.sirenhouse.com

    Thanks!

    This is my external style sheet code Im using:

    HTML Code:
    /* RESETS & BASIC PAGE SETUP */
    * { margin: 0; padding: 0; }
    html { overflow-y: scroll; }
    body { 
        background: url('images/body-bg.jpg') top left;; font-style:normal;
     font-variant:normal; font-weight:normal; font-size:62.5%;
     font-family:Lucida Grande, sans-serif
    }
    
    ul { list-style: none inside; }
    p { font-size: 1.2em; line-height: 1.2em; margin-bottom: 1.2em; }
        p.metadata { background: #fff9a7; padding: 3px;} 
    a { outline: none; }
    a img { border: none; }
    
    h1 {
        font-family: Georgia, serif;
        font-size: 2.4em;
        font-weight: normal;
        color: #80728a;
        }
        h1#logo {
            width: 713px;
            height: 124px;
            background: url('images/header.jpg') no-repeat center;
            text-indent: -9999px
        }
    
    /* END RESET */
    
    /* TOOLBOX */
    .floatleft { float: left; }
    .floatright { float: right; }
    .clear { clear: both; }
    /* END TOOLBOX */
    
    /* STRUCTURE AND STUFF */
    
        #wrapper {
            margin: 0 auto;
            width: 750px;
        background: url('images/content-bg.jpg') repeat-y;
        
        }
    
    
        
        #main-content {
        padding: 10px 110px 80px 100px;
        }
        #article-area {
            width: 400px;
            float: left;
        }
        #sidebar {
            width: 92px;
            float: right;
        }
    
    ul#nav {
        
        }
        ul#nav li {
            display: inline;
            }
            ul#nav li a {
                display: block;
                height: 125px;
                text-indent: -9999px;
                float: left;
        
            }
            ul#nav li.donate a {
                width: 125px;
                background: url('images/donate-nav.jpg') no-repeat bottom center;
            
            }
            ul#nav li.about a {
                width: 90px;
                background: url('images/about-nav.jpg') no-repeat bottom center;
            }
            ul#nav li.services a {
                width: 129px;
                background: url('images/services-nav.jpg') no-repeat bottom center;
            }
    
                ul#nav li.involved a {
                width: 123px;
                background: url('images/involved-nav.jpg') no-repeat bottom center;
            }
    
            ul#nav li.events a {
                width: 123px;
                background: url('images/events-nav.jpg') no-repeat bottom center;
            }
    
            ul#nav li.recources a {
                width: 123px;
                background: url('images/resources-nav.jpg') no-repeat bottom center;
            }
            ul#nav li a:hover {
                background-position:  center;
            }
    
    
    ul#nav2 {
        
        }
        ul#nav2 li {
            display: inline;
            }
    ul#nav2 li a {
                display: block;
                height: 80px;
                text-indent: -9999px;
                float: left;
    
                 }
            ul#nav2 li.corner a {
                width: 175px;
                background: url('images/clients-nav.jpg') no-repeat bottom center;
                margin-right: 91px
            }
            ul#nav2 li.hope a {
                width: 175px;
                background: url('images/hope-nav.jpg') no-repeat bottom center;
            }
    
                ul#nav2 li.enews a {
                width: 175px;
                background: url('images/enews-nav.jpg') no-repeat bottom center;
            }
    
            ul#nav2 li.supporters a {
                width: 175px;
                background: url('images/supporters-nav.jpg') no-repeat bottom center;
            }
    
            ul#nav2 li.boutique a {
                width: 175px;
                background: url('images/boutique-nav.jpg') no-repeat bottom center;
            }
    
        ul#nav2 li a:hover {
                background-position:  center;
            }
            
            
    #footer {
        min-height: 127px;
        background: url('images/footer-bg.jpg') no-repeat;
    }
    
    /* END STRUCTURE */

  2.  

  3. #2
    WDF Staff Wired's Avatar
    Join Date
    Apr 2003
    Posts
    7,656
    Member #
    1234
    Liked
    137 times
    What part of it is "not working"?

    Also, you have 2 semicolons near the top.
    The Rules
    Was another WDF member's post helpful? Click the like button below the post.

    Admin at houseofhelp.com

  4. #3
    Junior Member
    Join Date
    May 2009
    Posts
    2
    Member #
    19004
    The layout comes out messed up. The banner is split horizontally and the side navigation displays underneath the content instead to the right of it. Thanks again!


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