Grow your CSS skills. Land your dream job.

Please Help ! The floating Menu problem in IE 6

  • # December 15, 2009 at 8:54 am

    HI

    I am new to css….

    I created a page,which uses a floating menu.The menu is supposed to float on the left side of the page , but in IE 6 its floating on the right side.Please help me.

    Thanks in advance…

    Site address

    http://www.maveligroup.com/

    Html Code

    Code:
    < !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">







    • 1

    • 2


    • 3

    • 4

    • 5

    Maveli Group

    MAVELI GROUP an organizational entity; is blossomed out of deep enthusiasm and passion to mark the name in the corporate crest and to flourish in the industrial ambience to post the existence and growth in the investment area.

    Vision, Planning, Execution and Follow up at the best of dedication has powered us to our motto DO THE BEST & GET THE BEST.

    Over 12 years, growth to multi faceted operations in the Production and Service Sector has enriched our potential and adds flame to our thirst to grow in new directions and dimensions…………………

    Concern over the social and economic wellbeing at all the stages of operations has contributed positively and confidence in operational guidelines always paved the meanderings to arrive at our entrepreneurial success.

    In the due course of growth, the MAVELI GROUP incorporated the managerial vision at its best and now includes Maveli Marine Product Pvt. Ltd, Maveli poultry Farm, Maveli Homes Pvt. Ltd, Maveli Resorts & Hotels Pvt. Ltd and Maveli Aqua Hatchery.

    Our Cooperate office is Situated the Home Village of our Promoters “the Place of Culture” Ambalapuzha, Alleppey District, Kerala.and also regional offices functioning at Cochin, Trivandrum, Pondicherry, and Delhi. Our future plan is to start operations in the Middle East.



    CSS

    Code:
    /*Slider CSS*/
    #slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
    overflow: hidden; /* important */
    float:left;
    }

    #slider1Content {
    width: 720px; /* important to be same as image width or wider */
    position:absolute;
    top: 0;
    margin-left: 0;
    }
    .slider1Image {
    float:right;
    position: relative;
    display: none;
    }

    .slider1Image span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 12px 13px;
    width: 0px;;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
    }

    .clear {
    clear: both;
    }
    .slider1Image span strong {
    font-size: 14px;
    }
    .left {
    top: 0;
    left: 0;
    width: 0px !important;
    height: 0px;
    margin-left:25px;
    text-align:right;
    visibility:hidden;
    }
    .right {
    right: 0;
    bottom: 0;
    width: 0px !important;
    height: 0px;
    visibility:hidden;
    }
    ul { list-style-type: none;}

    /*End Slider*/
    .more
    {
    background:url(images/more.jpg) no-repeat;
    width:74px;
    height:53px;
    float:right;
    display:block;
    }
    td
    {
    vertical-align:top;

    }
    div#maincontent img
    {
    float:left;
    padding:5px;

    }
    div#power
    {
    background:url(images/powered.jpg) no-repeat;
    float:right;
    width:214px;
    height:130px;
    margin-top:-55px;
    }
    div#footer
    {
    width:100%;
    height:130px;
    background:url(images/footerback.jpg) repeat-x;
    position:relative;
    float:left;
    text-align:center;
    }
    div#footer ul
    {
    padding-top:55px;
    margin:0 auto;
    text-align:center;
    padding-left:35%;

    }
    div#footer ul li
    {
    list-style:none;
    display:inline-block;
    float:none;
    padding:5px;
    float:left;
    color:#FFFFFF;
    }
    div#footer ul li a
    {
    color:#FFFFFF;
    text-decoration:none;
    }
    div#footer ul li a:hover
    {
    text-decoration:underline;
    }
    div#more
    {
    background:url(images/more.jpg) no-repeat;
    width:74px;
    height:53px;
    float:right;

    }
    #para
    {
    text-indent:105px;
    line-height:25px;
    text-align:justify;
    padding:8px;
    /*border:#FF9900 solid 1px;*/
    font-size:11px;
    font-family:Verdana, Geneva, sans-serif;

    }
    div#maincontent #bottom
    {
    /* background:url(images/contentbottom.jpg) no-repeat;
    width:750px;
    height:59px;
    float:right;
    background:#FFF;*/
    }
    div#headblock
    {
    padding-top:30px;

    }

    .profile
    {
    display:block;
    background:url(images/profileicon.png) no-repeat right;
    width:34px;
    height:31px;
    float:left;
    padding-left:25px;

    }
    .verticals
    {
    display:block;
    background:url(images/verticalsicon.png) no-repeat right;
    width:34px;
    height:31px;
    float:left;
    padding-left:25px;

    }
    .careers
    {
    display:block;
    background:url(images/careersicon.png) no-repeat right;
    width:34px;
    height:31px;
    float:left;
    padding-left:25px;

    }
    div#maincontent
    {

    width:720px;
    float:left;
    background:#FFF;
    }
    div#maincontent #top
    {
    background:url(images/contenttop.jpg) no-repeat;
    width:720px;
    height:59px;
    overflow:hidden;
    float:left;
    background:#FFF;

    }
    div#maincontent #middle
    {
    background-color:#FFFFFF;
    width:720px;
    /*border:#000000 2px solid;*/
    float:left;

    }

    .blueball
    {
    background:url(images/bluetutton.jpg) no-repeat;
    width:150px;
    height:34px;
    padding-left:25px;
    padding-top:10px;
    border:solid 2px #FFFFFF;
    font-weight:bold;

    }

    div#quicklinks
    {
    position:absolute;
    top:355px;
    width:180px;
    padding-left:25px;
    }
    div#quicklinks #top
    {
    background:url(images/quickheader.jpg) no-repeat;
    width:230px;
    height:48px;
    }
    div#quicklinks h3
    {

    padding-left:50px;
    padding-top:20px;

    }
    div#quicklinks ul
    {
    padding:20px;
    }
    div#quicklinks ul li
    {

    background-position:left;
    list-style:none;

    }
    div#quicklinks ul li a
    {
    color:#000000;
    font-size:12px;
    padding-left:10px;
    }
    div#quicklinks ul li a:hover
    {
    color:#FFFFFF;
    }
    div#quicklinks #middle
    {
    background:url(images/quickback.jpg) repeat-y;
    width:230px;
    height:auto;
    }
    div#quicklinks #bottom
    {
    background:url(images/quickbottom.jpg) no-repeat;
    height:11px;
    width:270px;
    }
    div#flash
    {
    float:right;
    height:342px;
    /*border:#000000 2px solid;
    */}
    div#topmenu
    {
    background:url(images/topmenu.jpg) no-repeat right;
    width:231px;
    height:39px;
    float:right;
    }
    div#topmenu ul
    {

    width:231px;
    padding-top:5px;

    }
    div#topmenu ul li
    {
    list-style:none;
    display:inline-block;
    float:left;
    font-weight:bold;
    padding-left:48px;

    }
    div#topmenu ul li a
    {
    text-decoration:none;
    color:#FFFFFF;
    }
    div#topmenu ul li a:hover
    {
    text-decoration:underline;

    }
    div#menuholder
    {
    background-image:url(images/menuback.jpg);
    background-repeat:no-repeat;
    width:270px;;
    height:381px;
    float:left;
    /*border:#000000 solid 2px;
    */
    }
    ul#mainmenu
    {
    display:inline-block;
    list-style:none;
    margin-top:175px;
    padding-left:80px;
    font-family:Arial, Helvetica, sans-serif;
    }
    ul#mainmenu li
    {
    display:inline-block;
    height:34px;
    width:200px;
    text-align:left;

    }
    ul#mainmenu li a
    {
    font-weight:bold;
    color:#000000;
    text-decoration:none;
    font-size:12px;

    }
    ul#mainmenu li a:hover
    {
    color:#ffffff;
    }
    ul#mainmenu li a.selected
    {
    font-style:bold;
    text-decoration:underline;
    color:#000000;
    text-align:right;
    }

    div#wrapper
    {
    width:1000px;
    margin:0 auto;
    min-height:700px;
    position:relative;
    height:auto;

    }
    body {
    font-family:Georgia, “Times New Roman”, Times, serif;
    background:url(images/bodyback.png) repeat-x #ef9d1f;

    }

    *{
    margin:0;
    padding:0;
    }
    h3
    {
    font-size:.9em;
    font-family:Tahoma, Geneva, sans-serif;
    }

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".