Results 1 to 6 of 6

Thread: Need some help with a CSS issue

Hybrid View

  1. #1
    Join Date
    Dec 2008
    Location
    Redmond, Oregon
    Posts
    828

    Need some help with a CSS issue

    Oddest issue this works fine in FF3 but in IE its not even close.

    IE


    FF3


    Coded Part
    HTML Code:
        <div id="header"><span id="headerBanner"><img src="images/banner_img.jpg" /></span>
            <h1></h1>
            <div id="menu">
            <ul>    <span id="menu_right">674 web proxies, 180 hits served so far</span>
            <li><a href="#">Home</a></li>
            <li><a href="#">Submit Site</a></li>
            <li><a href="#">Resources</a></li>
            <li><a href="#">Articles</a></li>
            <li><a href="#">Tutorials</a></li>
            <li><a href="#">Services</a></li>
            </ul>
            </div>
        </div>
    The Css I have
    Code:
    #header { 
                padding: 4px 0 0 0;
                margin: 0 auto;
                width: 777px;
                text-align: left;
    }
    #header h1 { 
                text-indent: -9999px;
                background: url('images/header.gif') no-repeat left top;
                height: 84px;
                width: 762px;
                margin: 5px auto;    
    }
    
    #headerBanner {
                 float:right;
                 margin: 0 auto;
                 padding: 15px 15px 0 0;
    }
    I can usually find these fairly easy but I need a fresh set of eyes as I am missing a dumb mistake.

    Reverse IP Check ಠ_ಠ Proxy Sites
    <?php if ($youask == 'stupid question') { echo ('stupid answer'); } ?>

  2. #2
    You can either set header.gif as a background on #header instead of #header h1 or set header_img.jpg as a background on #headerBanner, or both. You'll probably have to play with the margins or whatever to fix the positioning after you change it, though.

  3. #3
    Join Date
    Dec 2008
    Location
    Redmond, Oregon
    Posts
    828
    Failed to mention the image will later be a google ad so cant add it as a background.

    Reverse IP Check ಠ_ಠ Proxy Sites
    <?php if ($youask == 'stupid question') { echo ('stupid answer'); } ?>

  4. #4
    Quote Originally Posted by Mr.Bill View Post
    Failed to mention the image will later be a google ad so cant add it as a background.
    Can you set header.gif as a background on #header instead of the h1?

  5. #5
    clear:both; fixed that error with my footer at I Capp.

  6. #6
    Join Date
    Dec 2008
    Location
    Redmond, Oregon
    Posts
    828
    went ahead and gave margin-top: a negative it works. Thanks for the assists

    Reverse IP Check ಠ_ಠ Proxy Sites
    <?php if ($youask == 'stupid question') { echo ('stupid answer'); } ?>

Similar Threads

  1. [Bug] some issue with forum ....
    By SonnyCooL in forum Announcements and Suggestions
    Replies: 8
    Last Post: 14 March, 2011, 23:21 PM
  2. Issue with CSS Sprites
    By Zash in forum Web Design
    Replies: 2
    Last Post: 12 December, 2009, 19:28 PM
  3. serious issue with glype
    By almecho in forum Web Proxies
    Replies: 19
    Last Post: 26 August, 2009, 23:04 PM
  4. www and non www url issue
    By 1901gt in forum Managing
    Replies: 5
    Last Post: 20 April, 2009, 19:42 PM

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •