SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Enthusiast
    Join Date
    Jan 2010
    Posts
    91
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Looks good in Firefox, crap everywhere else!

    I tested my site in Browser Labs and I may have a css issue and can't figure it out:
    http://mauroscatozza.com/
    Looks good in Firefox but not in IE or Safari

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It seems that your closing divs are in the wrong place and your featured-posts has nested comments that are confusing things also. The sidebar seems to be outside of the container that it should be in.

    This html works but I've moved a number of closing divs which may be awkward for you to spot.

    Code:
    <body class="home blog content-sidebar">
    <div id="wrap">
        <div id="header">
            <div class="wrap">
                <div id="title-area">
                    <h1 id="title"><a href="http://mauroscatozza.com/" title=""></a></h1>
                    <p id="description"></p>
                </div>
                <!-- end #title-area -->
                <div class="widget-area"></div>
                <!-- end .widget_area -->
            </div>
            <!-- end .wrap -->
        </div>
        <!--end #header-->
        <div id="nav">
            <div class="wrap">
                <ul class="nav superfish">
                    <li class="home current_page_item"><a href="http://mauroscatozza.com/" title="Home" rel="nofollow">Home</a></li>
                    <li class="page_item page-item-16"><a href="http://mauroscatozza.com/about/" title="About">About</a>
                        <ul class='children'>
                            <li class="page_item page-item-55"><a href="http://mauroscatozza.com/about/team-bios/" title="Team Bio’s">Team Bio’s</a></li>
                            <li class="page_item page-item-53"><a href="http://mauroscatozza.com/about/why-work-with-pauline/" title="Why work with Pauline?">Why work with Pauline?</a></li>
                            <li class="page_item page-item-57"><a href="http://mauroscatozza.com/about/press/" title="Press">Press</a></li>
                            <li class="page_item page-item-59"><a href="http://mauroscatozza.com/about/testimonials/" title="Testimonials">Testimonials</a></li>
                            <li class="page_item page-item-61"><a href="http://mauroscatozza.com/about/contact-info/" title="Contact Info">Contact Info</a></li>
                        </ul>
                    </li>
                    <li class="page_item page-item-43"><a href="http://mauroscatozza.com/buyers/" title="Buyers">Buyers</a>
                        <ul class='children'>
                            <li class="page_item page-item-123"><a href="http://mauroscatozza.com/buyers/looking/" title="Looking">Looking</a></li>
                            <li class="page_item page-item-125"><a href="http://mauroscatozza.com/buyers/buying/" title="Buying">Buying</a></li>
                            <li class="page_item page-item-127"><a href="http://mauroscatozza.com/buyers/closing/" title="Closing">Closing</a></li>
                        </ul>
                    </li>
                    <li class="page_item page-item-2"><a href="http://mauroscatozza.com/sellers/" title="Sellers">Sellers</a>
                        <ul class='children'>
                            <li class="page_item page-item-131"><a href="http://mauroscatozza.com/sellers/preparing-your-home/" title="Preparing Your Home">Preparing Your Home</a></li>
                            <li class="page_item page-item-133"><a href="http://mauroscatozza.com/sellers/listing-your-home/" title="Listing Your Home">Listing Your Home</a></li>
                            <li class="page_item page-item-135"><a href="http://mauroscatozza.com/sellers/closing-the-sale/" title="Closing The Sale">Closing The Sale</a></li>
                        </ul>
                    </li>
                    <li class="page_item page-item-27"><a href="http://mauroscatozza.com/listings-2/" title="Listings">Listings</a>
                        <ul class='children'>
                            <li class="page_item page-item-137"><a href="http://mauroscatozza.com/listings-2/free-home-evaluation/" title="Free Home Evaluation">Free Home Evaluation</a></li>
                            <li class="page_item page-item-139"><a href="http://mauroscatozza.com/listings-2/homes-for-sale/" title="Homes For Sale">Homes For Sale</a></li>
                            <li class="page_item page-item-141"><a href="http://mauroscatozza.com/listings-2/search-mls/" title="Search MLS">Search MLS</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
        <div id="inner">
            <div id="content-sidebar-wrap">
                <div id="content" class="hfeed">
                    <div id="gen-slider-wrap">
                        <div class="gen-slider">
                            <div id="previous"> <a href="#blank"><img src="http://mauroscatozza.com/wp-content/themes/agentpress/images/slider-blank.gif" alt="Previous Tab" class="jFlowPrev" /></a> </div>
                            <!-- end #previous -->
                            <div id="next"> <a href="#blank"><img src="http://mauroscatozza.com/wp-content/themes/agentpress/images/slider-blank.gif" alt="Next Tab" class="jFlowNext" /></a> </div>
                            <!-- end #next -->
                            <div id="slides">
                                <div> <span class="jFlowControl"></span>
                                    <div class="slideinfo">
                                        <div class="slideinfobg"></div>
                                        <!-- end .slideinfoborder -->
                                        <div class="slideinfoborder">
                                            <h2><a href="http://mauroscatozza.com/2010/09/another-test-post/" rel="bookmark">Beautiful Home in Perth, $500,000</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus faucibus est, nec fermentum tortor suscipit id. Duis malesuada erat vel ligula vehicula et tempus &hellip; <a href="http://mauroscatozza.com/2010/09/another-test-post/" class="more-link">[View]</a></p>
                                        </div>
                                        <!-- end .slideinfoborder -->
                                    </div>
                                    <!-- end .slideinfo -->
                                    <div class="slideimage"> <a href="http://mauroscatozza.com/2010/09/another-test-post/" rel="bookmark"><img width="566" height="300" src="http://mauroscatozza.com/wp-content/uploads/2010/09/bighome-566x300.jpg" class="attachment-Slider" alt="bighome" title="bighome" /></a> </div>
                                    <!-- end .slideimage -->
                                </div>
                                <div> <span class="jFlowControl"></span>
                                    <div class="slideinfo">
                                        <div class="slideinfobg"></div>
                                        <!-- end .slideinfoborder -->
                                        <div class="slideinfoborder">
                                            <h2><a href="http://mauroscatozza.com/2010/09/new-post/" rel="bookmark">new post</a></h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus sem id dui sodales bibendum. Proin sed augue dolor. Donec id enim nec eros faucibus porta. Ut pharetra, quam &hellip; <a href="http://mauroscatozza.com/2010/09/new-post/" class="more-link">[View]</a></p>
                                        </div>
                                        <!-- end .slideinfoborder -->
                                    </div>
                                    <!-- end .slideinfo -->
                                    <div class="slideimage"> <a href="http://mauroscatozza.com/2010/09/new-post/" rel="bookmark"><img width="566" height="300" src="http://mauroscatozza.com/wp-content/uploads/2010/08/demohome2-566x300.jpg" class="attachment-Slider" alt="demohome2" title="demohome2" /></a> </div>
                                    <!-- end .slideimage -->
                                </div>
                            </div>
                            <!-- end #slides -->
                        </div>
                        <!-- end .gen-slider -->
                    </div>
                    <!-- end #gen-slider-wrap -->
                    <div id="featured-properties">
                        <div id="featured-post-3" class="widget featuredpost">
                            <div class="widget-wrap">
                                <h4 class="widgettitle">Pauline Aunger’s Featured Listings</h4>
                                <div class="post-286 post type-post hentry category-400k-600k category-3-bedrooms category-featured-news category-featured-property category-houses category-list-price category-news category-perth category-property-bedrooms category-property-location category-property-type"><a href="http://mauroscatozza.com/2010/09/another-test-post/" title="Beautiful Home in Perth, $500,000" class="alignleft"><img width="290" height="200" src="http://mauroscatozza.com/wp-content/uploads/2010/09/bighome-290x200.jpg" class="attachment-Featured Properties" alt="bighome" title="bighome" /></a>
                                    <h2><a href="http://mauroscatozza.com/2010/09/another-test-post/" title="Beautiful Home in Perth, $500,000">Beautiful Home in Perth, $500,000</a></h2>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque rhoncus faucibus est, nec fermentum tortor suscipit id. Duis malesuada erat vel ligula vehicula et tempus risus tincidunt. Aenean placerat cursus purus, vitae iaculis eros imperdiet &hellip; <a href="http://mauroscatozza.com/2010/09/another-test-post/" class="more-link">View This Property</a></p>
                                </div>
                                <!--end post_class()-->
                                <div class="post-233 post type-post hentry category-800k-up category-4-bedrooms category-featured-news category-featured-property category-houses category-list-price category-news category-property-bedrooms category-property-location category-property-type category-smiths-falls"><a href="http://mauroscatozza.com/2010/09/new-post/" title="new post" class="alignleft"><img width="290" height="200" src="http://mauroscatozza.com/wp-content/uploads/2010/08/demohome2-290x200.jpg" class="attachment-Featured Properties" alt="demohome2" title="demohome2" /></a>
                                    <h2><a href="http://mauroscatozza.com/2010/09/new-post/" title="new post">new post</a></h2>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus sem id dui sodales bibendum. Proin sed augue dolor. Donec id enim nec eros faucibus porta. Ut pharetra, quam sit amet volutpat sagittis, risus justo lacinia urna, non interdum mauris &hellip; <a href="http://mauroscatozza.com/2010/09/new-post/" class="more-link">View This Property</a></p>
                                </div>
                                <!--end post_class()-->
                            </div>
                        </div>
                    </div>
                    <div class="post-233 post type-post hentry category-800k-up category-4-bedrooms category-featured-news category-featured-property category-houses category-list-price category-news category-property-bedrooms category-property-location category-property-type category-smiths-falls"><a href="http://mauroscatozza.com/2010/09/new-post/" title="new post" class=""><img width="290" height="200" src="http://mauroscatozza.com/wp-content/uploads/2010/08/demohome2-290x200.jpg" class="attachment-Featured Properties" alt="demohome2" title="demohome2" /></a>
                        <h2><a href="http://mauroscatozza.com/2010/09/new-post/" title="new post">new post</a></h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus sem id dui sodales bibendum. Proin sed augue dolor. Donec id enim nec eros faucibus &hellip; <a href="http://mauroscatozza.com/2010/09/new-post/" class="more-link">[Read More...]</a></p>
                    </div>
                    <!--end post_class()-->
                </div>
                <!-- end #content -->
                <div id="sidebar" class="widget-area">
                    <div id="property-search-5" class="widget property-search">
                        <div class="widget-wrap">
                            <h4 class="widgettitle">Find Your Home</h4>
                            <form action="http://mauroscatozza.com" method="get">
                                Price<br />
                                <select name='cat' id='cat' class='postform' >
                                    <option class="level-0" value="10">$400k – $600k</option>
                                    <option class="level-0" value="12">$800k &amp; Up</option>
                                </select>
                                <input type="submit" name="submit" class="view" value="view" />
                            </form>
                            <form action="http://mauroscatozza.com" method="get">
                                # of Bedrooms<br />
                                <select name='cat' id='cat' class='postform' >
                                    <option class="level-0" value="15">3 Bedrooms</option>
                                    <option class="level-0" value="16">4 Bedrooms</option>
                                </select>
                                <input type="submit" name="submit" class="view" value="view" />
                            </form>
                            <form action="http://mauroscatozza.com" method="get">
                                House, Apartment or Condo?<br />
                                <select name='cat' id='cat' class='postform' >
                                    <option class="level-0" value="5">Houses</option>
                                </select>
                                <input type="submit" name="submit" class="view" value="view" />
                            </form>
                            <form action="http://mauroscatozza.com" method="get">
                                Location<br />
                                <select name='cat' id='cat' class='postform' >
                                    <option class="level-0" value="24">Perth</option>
                                    <option class="level-0" value="22">Smiths Falls</option>
                                </select>
                                <input type="submit" name="submit" class="view" value="view" />
                            </form>
                        </div>
                    </div>
                    <div id="user-profile-3" class="widget user-profile">
                        <div class="widget-wrap">
                            <h4 class="widgettitle">Pauline Aunger</h4>
                            <p><span class="alignright"><img alt='' src='http://0.gravatar.com/avatar/05446e6c510c7f88cea9f15b8ae0efa3?s=125&amp;d=http&#37;3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D125&amp;r=G' class='avatar avatar-125 photo' height='125' width='125' /></span>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', makin. <a class="pagelink" href="http://mauroscatozza.com/about/">[Read More&hellip;]</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- end #content-sidebar-wrap -->
        <!-- end #inner -->
        <div id="footer">
            <div id="footer-widgeted">
                <div class="wrap">
                    <div class="footer-widgeted-1">
                        <div id="pages-3" class="widget widget_pages">
                            <div class="widget-wrap">
                                <h4 class="widgettitle">Pages</h4>
                                <ul>
                                    <li class="page_item page-item-16"><a href="http://mauroscatozza.com/about/" title="About">About</a></li>
                                    <li class="page_item page-item-43"><a href="http://mauroscatozza.com/buyers/" title="Buyers">Buyers</a></li>
                                    <li class="page_item page-item-27"><a href="http://mauroscatozza.com/listings-2/" title="Listings">Listings</a></li>
                                    <li class="page_item page-item-2"><a href="http://mauroscatozza.com/sellers/" title="Sellers">Sellers</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- end .footer-widgeted-1 -->
                    <div class="footer-widgeted-2">
                        <div id="latest-tweets-3" class="widget latest-tweets">
                            <div class="widget-wrap">
                                <h4 class="widgettitle">Social Media</h4>
                                <ul>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!-- end .footer-widgeted-2 -->
                    <div class="footer-widgeted-3">
                        <div id="enews-3" class="widget enews-widget">
                            <div class="widget-wrap">
                                <div class="enews">
                                    <h4 class="widgettitle">Latest News</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end .footer-widgeted-3 -->
                    <div class="footer-widgeted-4">
                        <div id="featured-page-3" class="widget featuredpage">
                            <div class="widget-wrap">
                                <h4 class="widgettitle">blah blah blah</h4>
                                <div class="post-16 page type-page hentry category-uncategorized"></div>
                                <!--end post_class()-->
                            </div>
                        </div>
                    </div>
                    <!-- end .footer-widgeted-4 -->
                </div>
                <!-- end .wrap -->
            </div>
            <!-- end #footer-widgeted -->
            <div id="footer">
                <div class="wrap">
                    <div class="gototop">
                        <p><a href="#wrap" rel="nofollow">Return to top of page</a></p>
                    </div>
                    <div class="creds">
                        <p>Copyright &copy; 2010  &middot; <a href="http://www.studiopress.com/themes/genesis" title="Genesis Theme Framework">Genesis Theme Framework</a> by <a href="http://www.studiopress.com/">StudioPress</a> &middot; <a href="http://wordpress.org/" title="WordPress">WordPress</a> &middot; <a href="http://mauroscatozza.com/wp-login.php">Log in</a></p>
                    </div>
                </div>
                <!-- end .wrap -->
            </div>
            <!-- end #footer -->
        </div>
        <!-- end #wrap -->
        <script type='text/javascript' src='http://mauroscatozza.com/wp-content/themes/genesis/lib/js/menu/superfish.js?ver=1.4.8'></script>
        <script type='text/javascript' src='http://mauroscatozza.com/wp-content/themes/genesis/lib/js/menu/superfish.args.js?ver=1.3'></script>
        <script type='text/javascript' src='http://mauroscatozza.com/wp-content/themes/agentpress/lib/js/jquery.flow.1.1.js?ver=1.1'></script>
        <script type='text/javascript' src='http://mauroscatozza.com/wp-admin/admin-ajax.php?action=shadowboxjs&#038;cache=38d81d42ef30ac1f746f9b2e7a646b40&#038;ver=3.0.3'></script>
        <div class="site-poweredby" style="text-align: center;"><a href="http://www.netfirms.com/" target="_blank">Powered by Netfirms</a></div>
        <script type='text/javascript'>jQuery(document).ready(function($) { $("div#controller").jFlow({slides: "#slides", width: "566px", height: "300px", timer: 6000, duration: 400 });});</script>
        <!-- Begin Shadowbox JS -->
        <script type="text/javascript">
        var shadowbox_conf = {
            animate: true,
            animateFade: true,
            animSequence: "sync",
            autoDimensions: false,
            modal: false,
            showOverlay: true,
            overlayColor: "#000",
            overlayOpacity: 0.8,
            flashBgColor: "#000000",
            autoplayMovies: true,
            showMovieControls: true,
            slideshowDelay: 0,
            resizeDuration: 0.35,
            fadeDuration: 0.35,
            displayNav: true,
            continuous: false,
            displayCounter: true,
            counterType: "default",
            counterLimit: 10,
            viewportPadding: 20,
            handleOversize: "resize",
            handleUnsupported: "link",
            initialHeight: 160,
            initialWidth: 320,
            enableKeys: true,
            skipSetup: false,
            flashParams: {bgcolor:"#000000", allowFullScreen:true},
            flashVars: {},
            flashVersion: "9.0.0"
    
        };
        Shadowbox.init(shadowbox_conf);
    </script>
        <!-- End Shadowbox JS -->
    </div>


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
  •