SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE throwing up errors - please help!

    Webpage error details

    User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6; Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1) ; InfoPath.2; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
    Timestamp: Thu, 27 Aug 2009 07:44:17 UTC


    Message: HTML Parsing Error: Unable to modify the parent container element before the child element is closed (KB927917)
    Line: 0
    Char: 0
    Code: 0
    URI: file:///C:/Documents%20and%20Settings/m.graham/Desktop/Design/Kelvatek%20Site%20Building%20Draft/careers.html



    I am getting this error when I try to load the site which I am building in IE.
    The site works fine in all browsers except IE.

    Can anyone please shine a light on what this problem could be

  2. #2
    SitePoint Addict Zapppa's Avatar
    Join Date
    Aug 2009
    Posts
    314
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I went to the Microsoft site and it says this


    "This problem occurs because a child container HTML element contains script that tries to modify the parent container element of the child container. The script tries to modify the parent container element by using either the innerHTML method or the appendChild method.

    For example, this problem may occur if a DIV element is a child container in a BODY element, and a SCRIPT block in the DIV element tries to modify the BODY element that is a parent container for the DIV element. "



    ok.........

    So the problem lies wtihin the code which i put into my banner div?

    I have attached my CSS for anyones input out there

    Code CSS:
    @charset "utf-8";
    /* CSS Document */
     
    <!--
        body {
    		text-align:center;
            font-family: Arial, Helvetica, Sans Serif;
    		font-size:.8em;
    		line-height:1.8em;
    		background-image:url(bg.gif);
    		background-repeat:repeat;
    		background-color:#fff;
     
     
    }
     
     
     
    /* -----------------TEXT STYLING------------------- */
     
     
    p
    {
    	color:#3d4b54;
    	text-align:left;
     
    }
     
    h1,h2
    {
    	color:#0176c3;
    }
     
     
    h3
    {
    	color:#666;
    }
     
    strong
    {
    	color:#2a2a2a;
    }
     
    h2.grey
    {
    	color:#666;
    	border-bottom:1px solid #ccc;
    	padding:1px;
    }
     
    ul
    {
    	margin-bottom:10px;
    	margin-top:10px;
    }
     
    li
    {padding-bottom:15px;
    }
     
    h3.underline
    {
    	border-bottom:1px solid #ccc;
    }
     
    h1.underline
    {
     
    	border-bottom:1px solid #ccc;
     
    }
     
    h2.underline
    {
    	padding:1px;
    	border-bottom:1px solid #ccc;
     
    }
     
    hr
    {
    	height:1px;
    }
     
    a
    {
    	color:#06F;
     
    }
     
    a:hover
    {
    	color:#900;
    	text-decoration:none;
    }
     
     
     
     
     
    /* -----------------IMAGE STYLING------------------- */
     
     
    img.left
    {
    	float:left;
    	padding:10px;
    }
     
    img.left_clear
    {
    	float:left;
    	padding:15px;
    	margin-bottom:45px;
    }
     
    a img {border:1px solid #999;}
     
     
    img.a
    {
    	border:1px solid #999;
    }
     
     
     
    /* -----------------CONTAINER------------------- */
     
     
    div#container {
    width:950px;
    background-color:#FFF;
    margin-left: auto;
    margin-right: auto;
    margin-top:0px;
    padding:15px;
    text-align: left;
    }
     
     
     
    /* -----------------LOGO & BANNER------------------- */
     
    #logo
    {
    	width:250px;
    	height:65px;
    	background-image:url(logo_edit.gif);
    	background-repeat:no-repeat;
    	margin-bottom:15px;
    }
     
     
    #banner
    {
    	width:950px;
    	height:250px;
    	background-image:url(profile.jpg);	
    }
     
     
    /* -----------------MAIN CONTENT------------------- */
     
    #content
     
    {
    	width:570px;
    	background-color:#FFF;
    	padding: 10px, 10px, 10px, 10px;
    	margin-right:40px;
    	margin-bottom:100px;
    	float:left;
    }
     
     
     
     
    /* -----------------CONTENT RIGHT------------------- */
     
     
    #content_right
     
    {
    	width:320px;
    	float:right;
    }
     
     
     
     
     
     
     
    /* -----------------FOOTER------------------- */
     
     
     
    #footer
    {
    	background-color:#ece9e9;
    	width:950px;
    	clear:both;
    	height:200px;	
     
    }
     
    #section1
     
    {
    	padding:5px 20px 0 25px;
    	width:460px;
    	height:200px;
    	float:left;
    }
     
    #section2
     
    {
    	padding:5px 0 0 5px;
    	margin-top:130px;
    	width:260px;
    	height:200px;
    	float:right;
     
    }


    HTML:

    Code HTML4Strict:
    <!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>mysite.com</title>
     
     
    <script type="text/javascript" src="js/prototype.js"></script>
    <script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="js/lightbox.js"></script>
     
    <link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="menu.css" type="text/css" media="screen" />
     
     
     
    <script type="text/javascript">
     
    /***********************************************
    * Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive ([url]http://www.dynamicdrive.com[/url])
    * This notice MUST stay intact for legal use
    * Visit [url]http://www.dynamicdrive.com/[/url] for this script and 100s more.
    ***********************************************/
     
    var fadeimages=new Array()
    //SET IMAGE PATHS. Extend or contract array as needed
    fadeimages[0]=["profile_banner.jpg", "", ""] //plain image syntax
    fadeimages[1]=["rezap_banner.jpg", "", ""] //image with link syntax
    fadeimages[2]=["signet_banner.jpg", "", ""] //image with link and target syntax
    fadeimages[3]=["fusemate_banner.jpg", "", ""] //image with link and target syntax
    fadeimages[4]=["deltav_banner.jpg", "", ""] //image with link and target syntax
     
     
    var fadebgcolor="white"
     
    ////NO need to edit beyond here/////////////
     
    var fadearray=new Array() //array to cache fadeshow instances
    var fadeclear=new Array() //array to cache corresponding clearinterval pointers
     
    var dom=(document.getElementById) //modern dom browsers
    var iebrowser=document.all
     
    function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
    this.pausecheck=pause
    this.mouseovercheck=0
    this.delay=delay
    this.degree=10 //initial opacity degree (10%)
    this.curimageindex=0
    this.nextimageindex=1
    fadearray[fadearray.length]=this
    this.slideshowid=fadearray.length-1
    this.canvasbase="canvas"+this.slideshowid
    this.curcanvas=this.canvasbase+"_0"
    if (typeof displayorder!="undefined")
    theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
    this.theimages=theimages
    this.imageborder=parseInt(borderwidth)
    this.postimages=new Array() //preload images
    for (p=0;p<theimages.length;p++){
    this.postimages[p]=new Image()
    this.postimages[p].src=theimages[p][0]
    }
     
    var fadewidth=fadewidth+this.imageborder*2
    var fadeheight=fadeheight+this.imageborder*2
     
    if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
    document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
    else
    document.write('<img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'">')
     
    if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
    this.startit()
    else{
    this.curimageindex++
    setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
    }
    }
     
    function fadepic(obj){
    if (obj.degree<100){
    obj.degree+=10
    if (obj.tempobj.filters&&obj.tempobj.filters[0]){
    if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
    obj.tempobj.filters[0].opacity=obj.degree
    else //else if IE5.5-
    obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
    }
    else if (obj.tempobj.style.MozOpacity)
    obj.tempobj.style.MozOpacity=obj.degree/101
    else if (obj.tempobj.style.KhtmlOpacity)
    obj.tempobj.style.KhtmlOpacity=obj.degree/100
    else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
    obj.tempobj.style.opacity=obj.degree/101
    }
    else{
    clearInterval(fadeclear[obj.slideshowid])
    obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
    obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
    obj.populateslide(obj.tempobj, obj.nextimageindex)
    obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
    setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
    }
    }
     
    fadeshow.prototype.populateslide=function(picobj, picindex){
    var slideHTML=""
    if (this.theimages[picindex][1]!="") //if associated link exists for image
    slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
    slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
    if (this.theimages[picindex][1]!="") //if associated link exists for image
    slideHTML+='</a>'
    picobj.innerHTML=slideHTML
    }
     
     
    fadeshow.prototype.rotateimage=function(){
    if (this.pausecheck==1) //if pause onMouseover enabled, cache object
    var cacheobj=this
    if (this.mouseovercheck==1)
    setTimeout(function(){cacheobj.rotateimage()}, 100)
    else if (iebrowser&&dom||dom){
    this.resetit()
    var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    crossobj.style.zIndex++
    fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
    this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
    }
    else{
    var ns4imgobj=document.images['defaultslide'+this.slideshowid]
    ns4imgobj.src=this.postimages[this.curimageindex].src
    }
    this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
    }
     
    fadeshow.prototype.resetit=function(){
    this.degree=10
    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    if (crossobj.filters&&crossobj.filters[0]){
    if (typeof crossobj.filters[0].opacity=="number") //if IE6+
    crossobj.filters(0).opacity=this.degree
    else //else if IE5.5-
    crossobj.style.filter="alpha(opacity="+this.degree+")"
    }
    else if (crossobj.style.MozOpacity)
    crossobj.style.MozOpacity=this.degree/101
    else if (crossobj.style.KhtmlOpacity)
    crossobj.style.KhtmlOpacity=this.degree/100
    else if (crossobj.style.opacity&&!crossobj.filters)
    crossobj.style.opacity=this.degree/101
    }
     
     
    fadeshow.prototype.startit=function(){
    var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
    this.populateslide(crossobj, this.curimageindex)
    if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
    var cacheobj=this
    var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
    crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
    crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
    }
    this.rotateimage()
    }
     
    </script>
     
     
     
    </head>
     
     
     
     <body id="top">
     
    <div id="container">                
     
        <div id="logo"></div>
     
    <div class="menu">
    		<ul>
    			<li><a href="contact.html" >CONTACT US</a></li>
                <li><a href="careers.html">CAREERS</a></li>
                <li><a href="events.html" >EVENTS</a></li>   
     
                <li><a href="news.html">NEWS</a>
    			<ul><li><a href="news.html">NEWS</a></li>
    			<li><a href="profile.html">ARCHIVE</a></li>
    			</ul></li>
     
                <li><a href="products.html">PRODUCTS</a>
    				<ul>
    					<li><a href="1.html">1</a></li>
                        <li><a href="2.html">2</a></li>
    					<li><a href="3.html">3</a></li>
    						   </ul>
                 </li>
     
                <li><a href="about.html">ABOUT US</a></li>
    			<li><a href="index.html" class="active">HOME</a></li>
    		 </ul>
     
    </div>
     
     
    <div id="banner"><script type="text/javascript">
    //new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
    new fadeshow(fadeimages, 950, 250, 0, 4000, 1, "R")
     
    </script></div>
     
    <div id="content">
     
    <h1 class="underline">Welcome</h1>
     
    <p>Loads of paragraphs in here...</p>
     
    </div>
     
     
     <div id="content_right">
     
     
    <h2 class="grey">Gallery</h2>
     
    <a href="Gallery_images/profile_gallery.jpg" rel="lightbox [gallery]" title="Images" /></a>                         
     
    <a href="Gallery_images/1.jpg" rel="lightbox [gallery]" title="."></a>
     
    <a href="Gallery_images/2.jpg" rel="lightbox [gallery]" title=""></a>
     
    <a href="Gallery_images/3.jpg" rel="lightbox [gallery]"></a>
    <a href="Gallery_images/4.jpg" rel="lightbox [gallery]"></a>
     
     
    <p>Info</p>
     
     
    </div>
     
     
    <br  /><br />
     
     
     
     
     
     <div id="content_right">
     
     <h2 class="grey">Noticeboard</h2>
     
    <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
    when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the 
    leap into electronic typesetting, remaining essentially unchanged. </p>
     
    <br /><br /><br />
     
     
    </div>
     
     
     
     <div id="footer">
     
     <div id="section1">
     
     <div id="section2">
     
     
     <a href="#top"><img src="images/back_to_top.gif" width="92" height="22" alt="Back to Top!" /></a>
     
     
    </div>
     
     
     
     </div>
     
     
     </div>
     
     
    </div>
    </body>
     
     
     
     
    </html>


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
  •