PDA

View Full Version : IE duplicating divs and id's



cadenuo
02 Mar 2011, 10:27 PM
i posted recently about a IE alignment issue after looking intently into the IE dev tool i found it was duplicating my last 2 divs into the dive above it here is the actual code in my page


<div id="form">

<div id="comments_box" align="center">

<form action="contact.php" method="post">

<fieldset class="comment_box">

<font size="32" color="#ffffff"><h4>Contact Us</h4></font>

<label class="labelone" for="name" >Name:</label>
<input id="labelone" name="name" type="text" size="50" maxlength="50" />

<label for="subject">Subject:: </label>
<input name="subject" type="text" size="50" maxlength="50" />

<label for="email">Email: </label>
<input name="email" type="text" size="50" maxlength="50" />

<label for="comments">Comments:</label>
<textarea name="comments" cols="50" rows="15"></textarea>

</fieldset>
<fieldset class="send_btn">
<button class="btn" name="send"/>
</fieldset>
</form>
</div>
</div>
<div id="letter">

<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="50" id="letter_fly" align="center">
<param name="movie" value="letter_fly.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="play" value="true" />
<param name="loop" value="false" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="letter_fly.swf" width="600" height="50" align="center">
<param name="movie" value="letter_fly.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#333333" />
<param name="play" value="true" />
<param name="loop" value="false" />
<param name="wmode" value="transparent" />
<param name="scale" value="showall" />
<param name="menu" value="true" />
<param name="devicefont" value="false" />
<param name="salign" value="" />
<param name="allowScriptAccess" value="sameDomain" />
<!--<![endif]-->
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
</a>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>

</div>

<div id="footer">
<img src="images/footer.png" width="1024" height="200" class="footer"/>
<a href="#">
<img src="images/fb_logo.png" width="94" height="148" class="fb_btn" alt="friend us on facebook" /></a>
</div>

</div>

if you can look at the contact page and see the dev tools under the fieldset for send_btn its duplicating my letter and footer div inside of the html that does not even exist if anyone can tell me why and lead me on a path to fix this wo0uld greatly appreciate it thx again

oops sorry forgot the link to my webpage

http://www.heavenlyreflectionsdesign.com