Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Thanked 0 Times in 0 Posts

    Exclamation Bad Alignment in IE 7 and 8

    website http://furnitureconnxion.com

    for some reason on net render the slide show on the right side is getting pushed over and down?

    The old format if you click any of the navigation links looks fine tho.

    New side bar code
    <!--Side Bar-->
     <div class="sidebar1">
        <hr width="183px" align="left"/>
        <p align="left"> 
        <b>Store Hours:</b><br>
    	<hr width="183px" align="left"/>
    	<table cellpadding="0" width="183" cellspacing="0"><tr>
    		<td><a href="http://maps.google.com/maps?q=721+Boulevard,+Kenilworth,+NJ+07033"><img src="image/images/map.png" alt="Get Directions to 	Furniture Connxion" width="160" height="133" border="0"></a></td></tr></table>
    		<p style="text-align:center;"><a href="http://maps.google.com/maps?q=721+Boulevard,+Kenilworth,+NJ+07033">Get Directions</a></p>
    	<hr width="183px" align="left"/>
        <div class="vcard" align="left">
    	<span class="fn org"><b>Furniture Connxion</b></span>
    	<span class="adr">
    		<span class="street-address">721 Boulevard</span><br>
    		<span class="locality">Kenilworth</span>, 
    		<span class="region">NJ</span> 
    		<span class="postal-code">07033</span>
    <hr width="183px" align="left"/>
    	<span class="tel" align="left"><b>908-241-0221</b></span>
    <p align="left"><a href="mailto:info@furnitureconnxion.com?subject=Question" > Click to Send an Email</a></b></p>
    <span class="geo">
    	<span class="latitude">
    		<span class="value-title" title="40.677306" ></span>
    	<span class="longitude">
    	    <span class="value-title" title="-74.285426"></span>
    <hr width="183px" align="left"/>
    <table cellpadding="0" width="183" cellspacing="0">
    <td><a href="http://www.facebook.com/pages/Furniture-Land/103100306437927" target="_blank"><img src="http://www.furnitureconnxion.com/image/images/FaceBook_48x48.png" alt="Join Our Facebook Fan Page" width="32" height="32" border="0"></a></td>
    <td><a href="https://twitter.com/FurnitureConnX" target="_blank"><img src="http://www.furnitureconnxion.com/image/images/Twitter_48x48.png" alt="Follow Us On Twitter" width="32" height="32" border="0"></a></td>
    <td><a href="https://plus.google.com/104534296278170127709/posts" target="_blank"><img src="http://www.furnitureconnxion.com/image/images/GooglePlus.png" alt="Add Us on Google Plus +" width="30" height="30" border="0"></a></td>
    <td><a href="http://furnitureconnxion.wordpress.com" target="_blank"><img src="http://www.furnitureconnxion.com/image/images/Feed_32x32.png" alt="Follow Us On Twitter" width="32" height="32" border="0"></a></td>
    <p style="text-align:center;">  Like and Follow Us!</p>
    </nav><!-- end .sidebar1 --></div>

  • #2
    Regular Coder Candygirl's Avatar
    Join Date
    Apr 2008
    Thanked 56 Times in 56 Posts

    First of all you need to fix your html and CSS code to get them valid.

    Then, your main problem comes from the use of some html5 tags that are not known by IE8 and under, (such <nav>). You can use some JS to make it working or change the html5 specific tags in divs.
    "Imagination was given to man to compensate for what he is not;
    a sense of humour to console him for what he is."
    -Francis Bacon


    Posting Permissions

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