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 8 of 8
  1. #1
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Unwanted repeating characters in IE

    Some of the text from the bottom div repeats itself (only when viewed in ie) i have no idea what the hell is wrong w/ it... i've never seen it happen before......
    If anyone knows the reason please help me........ thank you


    Page code:

    Code:
    <?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="styles.css" type="text/css"/>
    </meta>
    <title></title>
    
    </head>
    <body>
    
    <div id="wrapper">
    <div id="wrapp">
    <div id="top">
    	<div id="logo">
    	<img src="images/logo.jpg" width="250px" height="97px" style="float:left; border:none;" />
    	</div><!--close logo-->
    	<div id="login">
    				<form method="post" action="#" id="loing">
    				<label for="e_mail">EMAIL:</label>
    				<input type="text" name="e_mail" id="e_mail" maxlength="30" size="32" class="inputtext"/><br />
    				<label for="password">PASSWORD:</label>
    				<input type="password" name="password" id="password" class="password" maxlength="30" size="32" />
    				<input type="submit" class="gray" value="GO"/><br />
    				<label for="remember" style="margin-right:105px;"><input type="checkbox" name="remember" id="remember" />REMEMBER MY PASSWORD</label>
    				</form>
    				<a href="#">FORGOT YOUR ID OR PASSWORD?</a><br />
    				<a href="#">REGISTER</a>
    	</div><!--close login-->
    </div><!--close top-->
    
    <div id="nav">
    <ul>
    <li><a href="#">HOME</a></li>|
    <li><a href="#">MY PROFILE</a></li>|
    <li><a href="#">ATHLETICS</a></li>|
    <li><a href="#">ACADEMICS</a></li>|
    <li><a href="#">SPORTS MEDICINE</a></li>|
    <li><a href="#">TVZ EVENTS</a></li>
    </ul>
    </div><!--close nav-->
    
    <div id="left">
    
    <div id="profile">
    <h4>Profile</h4>
    </div><!--close profile-->
    <div id="ad">
    <h4>Advertisement picture</h4>
    </div><!--close ad-->
    </div><!--close left-->
    
    <div id="name">
    <h4>Member Name</h4>
    </div><!--close name-->
    
    <div id="mid">
    <div id="profpic">
    <h4>profile picture</h4>
    </div><!--close profpic-->
    
    <div id="highlights">
    <h4>hightlights</h4>
    </div><!--close highlights-->
    </div><!--close mid-->
    
    <div id="body">
    <h4>info stuff</h4>
    </div><!--close body-->
    </div><!--close wrapp-->
    </div><!--close wrapper-->
    </body>
    </html>

    css:

    Code:
    html, body {
    height: 100%;
    }
    
    body {
    margin: 0;
    font-size:10px;
    font-weight:400;
    text-align:center;
    font-family: "Myriad Pro", Myriad, Arial, sans-serif;
    color:#000;
    background-color:#666666;
    }
    
    div#wrapper{
    width:900px;
    margin:0 auto;
    margin-top:40px;
    background-color:#666666;
    
    }
    
    div#top{
    width:900px;
    float:left;
    background-color:#FFFFFF;
    border-bottom:10px solid #666666;
    
    }
    
    div#logo{
    width:300px;
    float:left;
    background-color:#FFFFFF;
    }
    
    div#login{
    width:600px;
    float:right;
    text-align:left;
    background-color:#FFFFFF;
    }
    
    div#login a{
    color:#000000;
    text-decoration:none;
    padding-left:320px;
    }
    
    div#login a:hoover{
    color:#CCCCCC;
    }
    
    div#nav{
    width:900px;
    float:left;
    height:35px;
    background-image:url(images/navback.jpg);
    background-repeat:repeat-x;
    border-top:solid 3px #FFFFFF;
    border-bottom:solid 3px #999999;
    font-size:12px;
    color:#555555;
    font-weight:bolder;
    }
    
    
    ul li{
    display:inline;
    }
    
    li a{
    color:#555555;
    text-decoration:none;
    padding:30px;
    }
    li a:hover{
    color:#999999;
    }
    
    div#main-top{
    border-top:3px solid #FFFFFF;
    width:900px;
    float:left;
    background-color:#333333;
    color:#ffffff;
    font-size:12px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    }
    
    p{
    padding-left:10px;
    }
    
    h2{padding-top:20px;
    padding-left:10px;}
    
    div#main-bottom{
    width:900px;
    float:left;
    background-color:#ffffff;
    color:#333333;
    font-size:12px;
    font-family:"Verdana", Helvetica, sans-serif;
    text-align:left;
    }
    
    div#footter{
    width:900px;
    color:#FFFFFF;
    background-color:inherit;
    font-size:10px;
    float:left;
    text-align:center;
    }
    
    .footter ul li{
    display:inline;
    }
    
    .footter a{
    color:#FFFFFF;
    text-decoration:none;
    padding:5px;
    }
    
    /*styling for the form*/
    form{
    padding-top:10px;
    text-align:right;
    width:370px;
    float:right;
    margin-right:20px;
    }
    
    .gray{
    background-color:#666666;
    color:#FFFFFF;
    border:none;
    width:30px;
    height:25px;
    font-weight:600;
    }
    
    .inputtext{
    margin-right:32px;
    background-color:#FFFFFF;
    width:215px;
    border:solid 1px #333333;
    }
    
    .password{
    width:215px;
    border:solid 1px #333333;
    }
    
    /*styles for profile*/
    
    div#wrapp{
    width:900px;
    margin:0 auto;
    margin-top:40px;
    background-color:#ffffff;
    float:left;
    text-align:left;
    }
    
    div#left{
    width:150px;
    margin:10px;
    float:left;
    }
    
    div#profile{
    width:150px;
    height:300px;
    background-color:#CCCCCC;
    color:#000000;
    float:left;
    }
    div#ad{
    width:150px;
    height:245px;
    margin-top:10px;
    background-color:#336699;
    float:left;
    }
    
    div#name{
    width:700px;
    height:25px;
    margin:10px;
    background-color:#CCCCCC;
    color:#000000;
    float:left;
    }
    
    
    div#body{
    width:530px;
    height:500px;
    margin:10px;
    background-color:#3300CC;
    float:right;
    }
    
    div#mid{
    width:150px;
    margin:10px;
    float:left;
    }
    
    div#profpic{
    width:150px;
    height:245px;
    background-color:#336699;
    float:left;
    }
    
    div#highlights{
    width:150px;
    height:245px;
    margin-top:10px;
    background-color:#00FF99;
    float:left;
    }
    Last edited by rmedek; 06-07-2007 at 02:26 PM. Reason: Title, code

  • #2
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    you can just see it here......

    http://aleksandra.ca/vcz/profile.php


    (bad in ie only)

  • #3
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Remove this
    PHP Code:
    <?php echo '<?xml version="1.0" encoding="utf-8"?>'?>
    Its causing IE6 to go into quirks mode causing it to render your document incorrectly.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #4
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    that doesn't fix it! any other ideas?

  • #5
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    oh i got it... changed a few numbers arround... still not sure y it was not working to start with... thank you for trying though.......

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    A friend and I were just talking about this bug…it's related to the comments. Remove your HTML comments and the repeating text should go away.

    I'm not sure how exactly how many comments or where the comments are affects IE, but they do so I just go the easy route and remove them all, and leave any necessary commenting for others in the PHP.

    P.S. Read our Posting Guidelines before posting a new thread.

  • #7
    Regular Coder kewlceo's Avatar
    Join Date
    Mar 2006
    Location
    California, US
    Posts
    484
    Thanks
    1
    Thanked 3 Times in 3 Posts
    As Richard said, it's related to multiple comments between the first and last of a series of floated elements. Below is a good link exposing the bug:

    Explorer 6 Duplicate Characters Bug
    UBERHOST.NET
    Shared, reseller, semidedicated hosting and dedicated server plans.
    DirectAdmin • Installatron • Money-Back Guarantee • 24/7 Support
    Providing "Service Above All Else" since 2005.

  • #8
    New to the CF scene
    Join Date
    Jun 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanx guys, and sorry about wrong posting ooops


  •  

    Posting Permissions

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