Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    NEED URGENT HELP! CSS Absolute Positioning!

    Hey guys, i'm using absolute position to position my navigation bar at the top of my page. In google chrome the position is correct; however, in internet explorer for some reason it's different. So when it's correct in chrome it's not in ie7 and vice versa. The nav bar is a list within a div.
    Last edited by corecase; 11-22-2010 at 04:44 AM.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,675
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello corecase,
    There are so many things that could be wrong ...
    Without seeing a link to your site, or your code at the very least, it's anyones guess.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Nov 2010
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Here's the part of the code where the error should be:

    Html part:
    <div id="header">

    <img id="logo" />
    <ul id="nav" style="list-style: none">
    <li class="selected"> Products</li>
    <li>Reseller Rescources</li>
    <li>Get Certified</li>
    <li>About Us</li>
    </ul>
    </div>
    CSS part:
    #nav
    {
    position:absolute;
    overflow:auto;
    left:429px;
    bottom: 916px;
    font-size:11pt;
    font-family: Helvetica;
    font-style: italic;
    color: #ffffff;
    font-weight: bold;
    }
    #nav li
    {
    float:left;
    border:1px solid;
    border-color: #C92127;
    border-left-width:0;
    padding:12px 10px;
    background-color: #E13A3E;
    }

    #nav li:first-child
    {
    border-left-width:1px;
    }

    #nav li.selected
    {
    cursor:default !important;
    }

    #nav li:hover
    {
    background-color:#eee;
    color: #1A1A1A;
    cursor:default;
    }

    #header
    {
    margin-bottom:20px;
    position:relative;
    }

  • #4
    Banned
    Join Date
    Jul 2010
    Posts
    66
    Thanks
    0
    Thanked 1 Time in 1 Post
    Hi,
    First of all i request you not to use absolute for positioning , except when you need to have menu being displayed infront i.e giving z-index ,because absolute positioning will create unnecessary problems ,any way try to position by removing absolute,please post link so that we can verify where the problem is,and one more thing is IE behavior is entirely different from other browser it just take pixels as square not as dot this is applied till IE7 not for IE8 and 9

  • #5
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Here's the part of the code where the error should be:
    We need to see your complete HTML(including DOCTYPE)+CSS, or a link to your page.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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