SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict ghostme's Avatar
    Join Date
    Feb 2005
    Posts
    371
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    absolute position not showing in IE 6

    Hello good pple of the forum, attached to this is thread is what i would like to achieve using css, my code works fine in firefox. However, it is not displaying as well as it should in IE. The major issue is the navigation bar, this displays in firefox, but i can't seem to figure out a way of displaying it IE.

    Css Code:
    Code CSS:
    #wrapper {
    	padding: 0px;
    	width:768px;
    	margin:0px;
    }
     
    /* the div for the logo 'mycareer'*/
    div#wrapper div#masthead div#logo{
    width:252px;
    height:65px;
    float:left;
    margin-top:20px;
    margin-left:4px;
    }
    /*div for the picture*/
    div#wrapper div#masthead div#mainpic{
    width:312px;
    height:190px;
    float:left;
    margin-top:9px;
    }
     
    /*div for the graybar on the right*/
    div#wrapper div#masthead div#profilelinks{
    width:195px;
    height:43px;
    float:left;
    background-image: url(images/topmenubg.jpg);
    background-repeat: no-repeat;
    margin-top:9px;
    	}
     
    /*navigation that is not showing up in IE*/
    div#wrapper div#masthead  div#navbar
    {
    width:768px;
    background:#CCCCCC;
    overflow:hidden;
    float:left;
    position:absolute;
    bottom:0px;
    left:0px;
    Thanks
    Attached Images Attached Images
    What sitepoint made me to do:
    Select from 1,2,3,4,5,6,7 8 9where name='ghostme'

  2. #2
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try adding this to your css to trigger HasLayout in IE6 :
    Code:
    * html #navbar {
    height: 1%;
    }
    Also, as an id should only be used once in a page, there is no need to list the parent elements or element type in the css, so div#wrapper div#masthead div#profilelinks can simply be referenced as #profilelinks etc.

  3. #3
    SitePoint Addict ghostme's Avatar
    Join Date
    Feb 2005
    Posts
    371
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey thanks centauri, but i am still having the problem
    This the my html code just incase i am doing something wrong
    Code HTML4Strict:
    <%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Untitled Document</title>
    <link href="mycareer.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="wrapper">
    <div id="masthead">
    <div id="logo"><img src="images/logo.jpg" /></div>
    <div id="mainpic"><img src="images/toplayerpic.jpg" /></div>
    <div id="profilelinks"></div>
    <div id="navbar">
    <ul>
    <li><a href="index.asp">home</a></li>
    <li><a href="index.asp">resources</a></li>
    </ul>
    </div>
    </div>
     
    <div id="maincontent"></div>
    </div>
    </body>
    </html>
    What sitepoint made me to do:
    Select from 1,2,3,4,5,6,7 8 9where name='ghostme'

  4. #4
    SitePoint Wizard bronze trophy Centauri's Avatar
    Join Date
    May 2007
    Location
    Newcastle, Australia
    Posts
    3,718
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Do you have somewhere you can upload this online? - I would like to see where the graphics are split and the full css for the ul.

    Also, get rid of that first line of the html code - the doctype should be the first thing, and that will be throwing IE into quirks mode.

  5. #5
    SitePoint Addict ghostme's Avatar
    Join Date
    Feb 2005
    Posts
    371
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hey it works sorry, i just needed to add an height value to the navbar
    What sitepoint made me to do:
    Select from 1,2,3,4,5,6,7 8 9where name='ghostme'


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
  •