SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    can not figure it out....[solved]

    Hey,

    My page is NOT displaying correctly in IE however at http://validator.w3.org/check says everything is correct.

    here is what it looks like (which is wrong).


    it should look like


    here is my html code.
    PHP Code:
    <!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>Star TrekArmada II @ -Night Lance-</title>
    <
    link href="http://games.nightlance.com/armadaII/css/armada.css" rel="stylesheet" type="text/css" />
    </
    head>

    <
    body>
    <
    div id="container" class="clearfix">
        
        
        <!--
    start of the bannor-->
        <
    div id="bannor" class="clearfix">
        <
    center>
        <
    img src="http://games.nightlance.com/armadaII/images/bannor1.png" alt="Armada II @ nightlance image" border="0"/>
        </
    center>
        </
    div><!--end of div.bannor-->
        <!--
    end of the bannor-->
        
        
        <!--
    start of nav menue-->
        <
    div id="nav_menue_top" class="clearfix">
        <
    img src="http://games.nightlance.com/armadaII/images/menue_corner.png" alt="armada II @ nightlance nav" />
        </
    div><!--end of nav_menue_top-->
        
        
        <!--
    start of main body-->
        
        <!--
    start of nav menue-->
        <
    div id="left_nav" class="clearfix">
                                            <
    div class="vnav">
                                            <
    ul>
                                                <
    li><a href=
                                                
    "http://games.nightlance.com/armadaII">
                                                
    Home</a></li>
                                                
                                                
                                                    <
    li><a href="?cmd=suggestion">Make Suggestion</a></li>
                                                    <
    li><a href="?cmd=overview">User Overview</a></li>
                                                    <
    li><a href="?cmd=logout">Logout</a></li>                                            
                                            </
    ul>
        </
    div><!--end of div.left_nav-->
        


        </
    div><!--end of div.left_nav-->
        <!--
    end of nav menue-->
        
        <!--
    start of php code to call other pages in main frame-->
        
        <
    div id="body" class="clearfix">
        
    <
    center id="error"><br />There was a problem getting a count of your matches!<br />This error has been sent to Site Support to be resolved.<br /><br /></center>    
        <!--
    end of php code to call other pages in main frame-->
            
        </
    div><!--end of div.body-->    
        
        <!--
    end of main body-->




        <!--
    start of footer-->
        <
    div id="nav_menue_btm" class="clearfix">
        <
    img src="http://games.nightlance.com/armadaII/images/menue_corner_btm.png" alt="armada II @ nightlance nav" />
        </
    div><!--end of nav_menue_btm-->
        <!--
    end of footer-->
    </
    div><!--end of div.container-->


    </
    body>
    </
    html

    and here is my css
    PHP Code:
    /* CSS Document */
    /*CSS doc for Star Trek Armada II for Night-Lance.com*/

    body{
        
    background-color:#000000;
        
    color:#FF9900;
        
    }
        
    a:link 
        
    {
        
    border:none;
        
    text-decorationnone;
        }
        
    a:visited 
        
    {
        
    border:none;
        
    text-decorationnone;
        
    color#FFFFFF;
        
    }
        
    a:hover 
        
    {
        
    border:none;
        
    text-decorationnone;
        }
        
    a:active 
        
    {
        
    border:none;
        
    text-decorationnone;
        }
        
    #no_a_act
        
    {
        
    border0px;
        
    text-decoration:none;
        }


    .
    clearfix:after {
        
    content"."
        
    displayblock
        
    height0
        
    clearboth
        
    visibilityhidden;
    }

    /* Hides from IE-mac \*/
    html .clearfix {height1%;}
    .
    clearfix {displayinline-block;}
    /* End hide from IE-mac */    
        
        
    /*start of div. class's*/
    #container
        
    {
        
    background-image:url(http://games.nightlance.com/armadaII/images/link_bg1.png);
        
    background-repeat:x;
        
    background-position:bottom left;
        
    min-width:700px;
        
    max-width:668px;
        
    margin-left:auto;
        
    margin-right:auto;
        
    margin-top:30px;
        
    margin-bottom:0px;
        
    width:expression(668 "px"); /*setting to limit max and min width for ie*/
        
    positionrelative;
        }
        
    #bannor
        
    {
        
    background-color:#000000;
        
    margin-left:auto;
        
    margin-right:auto;
        
        }
        
        
    #nav_menue_top
        
    {
        
    background-color:#000000;
        
    background-image:url(http://games.nightlance.com/armadaII/images/menue_repeat.png);
        
    background-repeat:repeat-x;
        }
        
    /* vertical navigation stuff. mostly exactly as seen in the vnav.css styleheet
     * in the original skidoo layout.
     */

    .vnav
        
    {
        
    background-color:#000000;
        
    clear:both;
        
    margin1em 0;
        
    padding0;
        }
        
    .
    vnav ul, .vnav ul li
        
    {
        
    background-color:#000000;
        
    margin0;
        
    padding0;
        list-
    style-typenone;
        
    displayblock;
        }
        
    .
    vnav ul
        
    {
        
    background-color:#000000;
        
    clear:both;
        
    bordersolid 1px #fff;
        
    border-bottom-width0;
        }
        
    .
    vnav ul li
        
    {
        
    background-color:#000000;
        
    clear:both;
        
    border-bottomsolid 1px #e5bf87;
        
    }
        
    .
    vnav ul li, .vnav ul li a
        
    {
        
    background-color:#000000;
        
    margin0;
        
    displayblock;
        
    padding0;
        
    line-heightnormal;
        }
        
    .
    vnav ul li a
        
    {
        
    background-color:#000000;
        
    displayblock;
        
    padding2px 5px 3px 5px;
        }
        
    .
    vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
        
    {
        
    background-color:#000000;
        
    text-decorationnone;
        
    cursorpointer;
        
    color:#FFFFFF;
        
    }
        
    .
    vnav ul li a
        
    {
        
    background-color:#000000;
        
    width:100px;
        }

    #nav_menue_btm img
        
    {
        
    background-color:#000000;
        
    display:block;
        }

    li
        
    {
        
    background-image:url(http://games.nightlance.com/armadaII/images/link_bg.png);
        
    background-repeat:repeat;
        
    font-size:14px;
        
    color:#FFFFFF;
        
    min-width:110px;
        }
        
    #nav_menue_btm
        
    {
        
    background-color:#000000;
        
    background-image:url(http://games.nightlance.com/armadaII/images/menue_repeat.png);
        
    background-repeat:repeat-x;
        
    background-position:bottom;
        }
        
        
    #link_spacer
        
    {
        
    positionabsolute;
        
    bottom:40px;
        
    left:6px;
        }
        
        
    #body{
        
    background-color:#000000;
        
    margin-left:8.2em;
        }
        
        
    #left_nav
        
    {
        
    background-color:#000000;
        
    top:0px;
        
    float:left;
        
    margin-left:5px;
        
    left:0px;
        }
        
    /*news settings*/
    #news_btm
        
    {
        
    background-color:#000000;
        
    bottom:26px;    
        }
        
    #news_body
        
    {
        
    background-color:#000000;
        
    color:#FF9900;
        
    }
        
    #news_text
        
    {
        
    background-color:#000000;
        
    bordersolid 1px #FFFFFF;
        
    }
        
        

    /*signup.php settings*/
    #signup_text_head
        
    {
        
    color:#FFFFFF;
        
    font-size:22px;
        }

    #signup_text
        
    {
        
    color:#FF9900;
        
    }


    /*login.php settings*/
    #login_body
        
    {
        
    background-color:#000000;
        
    }

    #login_replacement
        
    {
          
    width100px;
          
    height55px;
          
    padding55px 0 0;
          
    margin0;
          
    border0;
          
    backgroundtransparent url(http://games.nightlance.com/armadaII/images/login.png) 
          
    no-repeat center top;
          
    overflowhidden;
          
    cursorpointer/* hand-shaped cursor */
          
    cursorhand/* for IE 5.x */
        
    }
        


    /*error.php settings*/
    #error_body
        
    {
        
    background-color:#000000;
        
    }
        
    #error
        
    {
        
    background-color:#000000;
        
    bordersolid 1px #FF0000;
        
    color:#FF0000;
        
    }
        
        
        
        
    /*home.php settings */
    #home_contain
        
    {
        
    height:1%;
        
    background-image:
        
    url(http://games.nightlance.com/armadaII/images/home_overview_side.png);
        
    background-repeat:repeat-y;
        }

    #home_contain_top
        
    {
        
    background-image:url(http://games.nightlance.com/armadaII/images/home_top_spacer.png);
        
    background-repeat:repeat-x;
        
    height:24px;
        }
        
    #home_top_corner_left
        
    {
        
    displayblock;
         
    floatleft;
        
    height:1em;
        }
        
    #home_top_corner_right
        
    {
        
    displayblock;
         
    floatright;
        
    color:#FF9900;
        
    background-color:#000000;
        
    font-size:24px;
        
    padding-left:4px;
        
    margin-right:7px;    
        
    height:2em;
        }
        
        
    #home_clearing
        
    {
        
    height:1%;
        
    clearboth
        }
        
        
    #home_contain_info
        
    {
        
    height:200px;
        
    width:230px;    
        
    background-image:url(http://games.nightlance.com/armadaII/images/home_info_space.png);
        
    background-position:right;
        
    background-repeat:repeat-y;
        
    float:left;
        }
        
        
    #home_info_contain_text
        
    {
        
    width:180px;
        
    clear:both;
        }
        
    #home_info_contain_text_left
        
    {
        
    color:#FF9900;
        
    font-size:14px;
        
    displayblock;
        
    width80%;
        
    float:left;
        }

    #home_info_contain_text_right
        
    {
        
    color:#FF9900;
        
    font-size:14px;
        
    displayblock;
        
    width20%;
        
    float:right;
        }
    #home_contain_info_btm_img
        
    {
        
    float:right;
        
    margin-bottom:-5px;
        }
            
    #home_contain_info_btm
        
    {
        
    height:1%;
        
    clear:both;
        
    background-image:
        
    url(http://games.nightlance.com/armadaII/images/home_info_corner_right.png);
        
    background-repeat:repeat-x;
        }
        
    #home_contain_right_side
        
    {
        
    float:right;
        }
        
    #home_text_1
        
    {
        
    color:#FF9900;
        
    font-size:24px;
        }
        
        
    #home_contain_images
        
    {
        
    margin-left:1.5em;
        }
        
    #home_image_space
        
    {
        
    margin-bottom:5px;
        }
        
    #home_contain_btm
        
    {
        
    height:1%;
        
    background-image:url(http://games.nightlance.com/armadaII/images/home_top_spacer.png);
        
    background-repeat:repeat-x;
        }
        
    #home_contain_btm_left
        
    {
        
    float:left;
        }
        
    #home_contain_btm_right
        
    {
        
    float:right;
        } 

    can you give me a hand?
    Last edited by rbblue8; Sep 18, 2006 at 08:12. Reason: solved

  2. #2
    Object Not Found junjun's Avatar
    Join Date
    Mar 2002
    Location
    northern MI
    Posts
    1,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Validating you code simply checks for the syntax and make sure the code is written according to standards. It does not in any way guarantee that your code produces the browser result you're looking for

    It looks like you need to clear floats before the bottom area is displayed. Try adding clear: left to your #nav_menue_btm.

  3. #3
    SitePoint Enthusiast
    Join Date
    Mar 2006
    Posts
    62
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thx bud.

    that was simple.


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
  •