SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Enthusiast bzcastell's Avatar
    Join Date
    Jan 2012
    Location
    San Diego
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout wrong only in firefox. I can't figure it out.

    I use the same basic structure for most of my sites, and the most recent two are showing the same problem... the site looks correct in chrome and wrong in Firefox. I can't figure it out... if anyone has any ideas, I'd greatly appreciate it.



    The HTML:

    HTML Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" lang="en-US">
    <head profile="http://gmpg.org/xfn/11"> 
    <head>
    <title>Corinne Dobbas, MS, RD | Fun science-based weight loss tips</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  
    <link rel="stylesheet" href="http://www.corinnedobbas.com/wp-content/themes/perfecttheme/style.css" type="text/css" media="screen,projection" />
    <link href='http://fonts.googleapis.com/css?family=Josefin+Sans|Josefin+Slab|Cedarville+Cursive' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" type="image/x-icon" href="http://corinne.breeziecastell.com/wp-content/uploads/2013/05/favicon-4.ico">
    <link rel="alternate" type="application/rss+xml" title="Corinne Dobbas, MS, RD &raquo; Home Comments Feed" href="http://www.corinnedobbas.com/home/feed/" />
    <link rel='stylesheet' id='tubepress-css'  href='http://www.corinnedobbas.com/wp-content/plugins/tubepress/src/main/web/css/tubepress.css?ver=3.5.1' type='text/css' media='all' />
    <link rel='stylesheet' id='ssbaFont-css'  href='http://fonts.googleapis.com/css?family=Reenie+Beanie&#038;ver=3.5.1' type='text/css' media='all' />
    <link rel='stylesheet' id='ssba-page-styles-css'  href='http://www.corinnedobbas.com/wp-content/plugins/simple-share-buttons-adder/css/page-style.css?ver=3.5.1' type='text/css' media='all' />
    <script type='text/javascript' src='http://www.corinnedobbas.com/wp-includes/js/jquery/jquery.js?ver=1.8.3'></script>
    <script type='text/javascript' src='http://www.corinnedobbas.com/wp-content/plugins/tubepress/src/main/web/js/tubepress.js?ver=3.5.1'></script>
    <script type='text/javascript' src='http://www.corinnedobbas.com/wp-content/plugins/jquery-drop-down-menu-plugin/noConflict.js?ver=3.5.1'></script>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.corinnedobbas.com/xmlrpc.php?rsd" />
    <link rel='prev' title='Blog' href='http://www.corinnedobbas.com/blog/' />
    <link rel='next' title='Work With Me!' href='http://www.corinnedobbas.com/services/' />
    
    <!-- This site is using AdRotate v3.8.4.3 to display their advertisements - http://www.adrotateplugin.com/ -->
     
    <script src="/wp-content/plugins/get-post-list-with-thumbnails/ajaxhandlergplwt.js" type="text/javascript"></script>
    <script type="text/javascript"> 
    	function goprocess_gplwt(elemid,goval){
    		consulta_gplwt(elemid,1+'&v='+goval,'/wp-content/plugins/get-post-list-with-thumbnails/ajaxgplwt.php');	
    	}
    </script> 
    <link rel="stylesheet" href="http://www.corinnedobbas.com/wp-content/plugins/jquery-drop-down-menu-plugin/menu_style.css" type="text/css" /><script> 	
    
    	  noCon(document).ready(function(){
    		 noCon("#dropmenu ul").css({display: "none"}); 
    				 // For 1 Level
    	     noCon("#dropmenu li:has(ul) > a").append("<span>&nbsp;&raquo;</span>"); 
    	     noCon("#dropmenu li > ul > a > span").text("");
    	  		 noCon("#dropmenu li").hover(function(){
    		noCon(this).find("ul:first").stop(true,true).fadeIn("100");
    		},
    		function(){
    		noCon(this).find("ul:first").stop(true,true).fadeOut("100");
    		});
    	 });
    		</script>
    <script type="text/javascript">TubePressGlobalJsConfig = { baseUrl : "http://www.corinnedobbas.com/wp-content/plugins/tubepress", https : false };</script>
    
    <!-- All in One SEO Pack 2.0 by Michael Torbert of Semper Fi Web Design[207,237] -->
    <meta name="keywords" content="nutritionist san francisco, dietician san francisco, Corinne Dobbas, nutrition, blogs, nutrition blogs, registered dietitian, dietitian, Green Grapes Blog, healthy, health blog, healthy living blog, foodie, wellness, healthy recipes, eat better, live better, feel better" />
    
    <link rel="canonical" href="http://www.corinnedobbas.com/" />
    <!-- /all in one seo pack -->
    </head>
    
    <body>
    <meta name = "viewport" content = "initial-scale = 1.0">
    <div id="container">
    <div id="header">
    <div id="topbar">
    <div id="navmenu">
    <div class="clearfix"><ul  id="dropmenu"><li ><a href="http://www.corinnedobbas.com/" title="HOME">HOME</a></li><li class="page_item page-item-4654"><a href="http://www.corinnedobbas.com/about/">About</a></li>
    <li class="page_item page-item-4656"><a href="http://www.corinnedobbas.com/freebie-2/">Freebie</a></li>
    <li class="page_item page-item-3040"><a href="http://www.corinnedobbas.com/services/">Work With Me!</a></li>
    <li class="page_item page-item-2279"><a href="http://www.corinnedobbas.com/videos/">Videos</a></li>
    <li class="page_item page-item-3034"><a href="http://www.corinnedobbas.com/blog/">Blog</a></li>
    <li class="page_item page-item-33"><a href="http://www.corinnedobbas.com/contact/">Contact</a></li>
    </ul></div><!--clearfix-->
    
    <a href="https://www.facebook.com/RDCorinne?ref=ts&fref=ts"><img src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/Facebook-Social-Media-Icons1.png"></a>
    <a href="http://instagram.com/corinnedobbas/"><img src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/Instagram-Social-Media-Icons1.png"></a>
    <a href="http://www.youtube.com/user/CorinneDobbas"><img src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/Youtube-Social-Media-Icons1.png"></a>
    <a href="https://twitter.com/RDCorinne"><img src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/Twitter-Social-Media-Icons1.png"></a>
    <a href="http://pinterest.com/corinnedobbas/"><img src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/Pinterest-Social-Media-Icons1.png"></a>
    </div><!--endnav-->
    <div class="logo">
    <a href=""><img src="http://corinne.breeziecastell.com/wp-content/uploads/2013/05/corinnedobbaslogo.png"></a></div><!--logo-->
    <div class="tagline">YO! Say NO NO to the YO YO! <br>Fun science-based weight loss tips</div>
    </div><!--topbar-->
    </div><!--header-->
    <div id="bodytwo"><div id="headertag"><h1>Corinne Dobbas</h1></div>
    <div id="hometop">
    <div class="centeredonpage">
    <div class="banner"><img src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/corinnebanner.jpg"></div>
    <div id="optin">
    <div class="clearfix">
    <div id="optinleft"><h2>Get weekly fun science-based weight loss tips</h2>
    & discover the 5 Massive Mistakes Preventing You from Losing Weight</div><!--optinleft-->
    <div id="optinright">
    <!-- AWeber Web Form Generator 3.0 -->
    <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  >
    <div style="display: none;">
    <input type="hidden" name="meta_web_form_id" value="1773307515" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="listname" value="corinnedobbas" />
    <input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_518debed1e7db727aa0e1cdcd5bd79f9" />
    <input type="hidden" name="meta_adtracking" value="tophome" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="name,email" />
    <input type="hidden" name="meta_tooltip" value="" />
    </div>
    
    <input id="awf_field-48916892" type="text" name="name" onfocus="this.value='';" class="text" value="Name"  tabindex="500" /><input class="text" id="awf_field-48916893" onfocus="this.value='';" type="text" name="email" value="Email" tabindex="501"  />
    <input name="submit" id="af-submit-image-1773307515" type="image" class="image" style="background: none;" alt="Submit Form" src="http://corinne.breeziecastell.com/wp-content/uploads/2013/05/getitcorinne.png" tabindex="502" />
    
    <div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=jOzszMwM7KyMrA==" alt="" /></div>
    </form>
    
    <!-- /AWeber Web Form Generator 3.0 -->
    </div><!--optinleft-->
    </div><!--clearfix-->
    </div><!--optin-->
    </div><!--centeredonpage-->
    </div><!--hometop-->
    
    <div id="homeboxes">
    <div class="centeredonpage">
    <center><div class="bigblackcurs">I need...</div></center>
    <div class="clearfix">
    <div id="ten">
    <a href="http://www.corinnedobbas.com/drop10/">To Lose 10 pounds</a>
    </div><!--ten-->
    <div id="yoyo">
    <a href="http://www.corinnedobbas.com/the-yo-diet/">To End my <br>Yo Yo Diet</a>
    </div><!--yoyo-->
    <div id="life">
    <a href="http://www.corinnedobbas.com/diamond-platinum-coaching/">To change<br> my life</a>
    </div><!--life-->
    <div id="inspired">
    <a href="http://www.corinnedobbas.com/diamond-talks-workshops/">To get <br>inspired</a>
    </div><!--inspired-->
    
    </div><!--clearfix-->
    </div><!--homeboxes-->
    </div><!--centeredonpage-->
    
    <div id="yohome">
    <div class="centeredonpage">
    <div id="yocopy"><div class="yolarge">YO! Stop the YO YO! </div><!--yolarge--><h2>Get daily weight loss tips that work & keep you accountable. </h2><div class="bigblackcurs">YO! Sign up! It's free! </div><!--bigblackcurs--></div><!--yocopy-->
    <div id="yoform">
    <form method="post" class="af-form-wrapper" action="http://www.aweber.com/scripts/addlead.pl"  >
    <div style="display: none;">
    <input type="hidden" name="meta_web_form_id" value="442215033" />
    <input type="hidden" name="meta_split_id" value="" />
    <input type="hidden" name="listname" value="thedailyyo" />
    <input type="hidden" name="redirect" value="http://www.aweber.com/thankyou-coi.htm?m=text" id="redirect_7ea5129494c3f607abe1e2c9403ad5f5" />
    
    <input type="hidden" name="meta_adtracking" value="CorinneDobbas" />
    <input type="hidden" name="meta_message" value="1" />
    <input type="hidden" name="meta_required" value="name,email" />
    
    <input type="hidden" name="meta_tooltip" value="" />
    </div>
    
    
    <input id="awf_field-48757194" type="text" onfocus="this.value='';" name="name" class="text" value="First Name"  tabindex="500" /><input class="text" onfocus="this.value='';" id="awf_field-48757195" type="text" name="email" value="Email" tabindex="501"  /><input name="submit" id="af-submit-image-442215033" type="image" class="image" style="background: none;" alt="Submit Form" src="http://corinne.breeziecastell.com/wp-content/uploads/2013/05/getitcorinne.png" tabindex="502" />
    
    <div style="display: none;"><img src="http://forms.aweber.com/form/displays.htm?id=LCxMTIysDMzM" alt="" /></div>
    </form>
    <script type="text/javascript">
        <!--
        (function() {
            var IE = /*@cc_on!@*/false;
            if (!IE) { return; }
            if (document.compatMode && document.compatMode == 'BackCompat') {
                if (document.getElementById("af-form-442215033")) {
                    document.getElementById("af-form-442215033").className = 'af-form af-quirksMode';
                }
                if (document.getElementById("af-body-442215033")) {
                    document.getElementById("af-body-442215033").className = "af-body inline af-quirksMode";
                }
                if (document.getElementById("af-header-442215033")) {
                    document.getElementById("af-header-442215033").className = "af-header af-quirksMode";
                }
                if (document.getElementById("af-footer-442215033")) {
                    document.getElementById("af-footer-442215033").className = "af-footer af-quirksMode";
                }
            }
        })();
        -->
    </script>
    
    <!-- /AWeber Web Form Generator 3.0 -->
    </div><!--yoform-->
    </div><!--centeredonpage-->
    </div><!--yoyohome-->
    
    
    <div id="quotehome">
    <div class="centeredonpage">
    "You've got to have a dream to have a dream come true." Dennis Waitley
    </div><!--centeredonpage-->
    </div><!--quotehome-->
    </div><!--body-->
    <div id="footer">
    <div id="footboxes" >
    <div class="clearfix">
    <div class="onethird">
    <div class="widget"><div class="widgettitle">My Perspective</div>			<div class="textwidget">I want to help you end your YO YO! diet. Lose the weight for good and remember how amazing you are. I dish up fun science-based weight loss tips that work! And have you feeling like a 10! Learn more about me <a href="http://www.corinnedobbas.com/about/">here</a>. </div>
    		</div>  
     
    </div><!--onethird-->
    <div class="twothird">
    <div id="gplwt_container_5192c8898408d"><table id='div_postlist' width='' cellpadding='4' cellspacing='4'>
    <tr><td colspan='3'><h3 class='widget-title'>Recent posts</h3></td></tr>
    <tr>
    <tr>
    <td valign='top'>
    <a href='http://www.corinnedobbas.com/2013/05/how-to-bust-out-of-a-weight-loss-plateau/' title='How to Bust Out of a Weight Loss Plateau' >
    <img width="40" height="40" src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/one-pound-45x45.jpg" class="attachment-40x40" alt="one pound" /></a>
    </td>
    <td valign='top'>
    <a href='http://www.corinnedobbas.com/2013/05/how-to-bust-out-of-a-weight-loss-plateau/' title='How to Bust Out of a Weight Loss Plateau' >How to Bust Out of a Weight Loss Plateau</a>
    </td>
    </tr><tr>
    <td valign='top'>
    <a href='http://www.corinnedobbas.com/2013/05/7-things-women-trying-to-lose-weight-should-never-do/' title='7 Things Women Trying to Lose Weight Should Never Do' >
    <img width="40" height="40" src="http://www.corinnedobbas.com/wp-content/uploads/2013/05/beauty-150x150.jpg" class="attachment-40x40" alt="beauty" /></a>
    </td>
    <td valign='top'>
    <a href='http://www.corinnedobbas.com/2013/05/7-things-women-trying-to-lose-weight-should-never-do/' title='7 Things Women Trying to Lose Weight Should Never Do' >7 Things Women Trying to Lose Weight Should Never Do</a>
    </td>
    </tr><tr>
    <td valign='top'>
    <a href='http://www.corinnedobbas.com/2013/04/workout-tunes-dvds-for-people-who-like-to-sweat/' title='Workout Tunes &#038; DVDs for People Who Like to Sweat' >
    <img width="40" height="40" src="http://www.corinnedobbas.com/wp-content/uploads/2013/04/sweat-150x150.jpg" class="attachment-40x40" alt="sweat" /></a>
    </td>
    <td valign='top'>
    <a href='http://www.corinnedobbas.com/2013/04/workout-tunes-dvds-for-people-who-like-to-sweat/' title='Workout Tunes &#038; DVDs for People Who Like to Sweat' >Workout Tunes &#038; DVDs for People Who Like to Sweat</a>
    </td>
    </tr><tr>
    <tr><td><table cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table></div>  
     
    </div><!--twothird-->
    </div>
    </div><!--footboxes-->
    <p>&copy 2013 </p> 
    
    </div>
    </div><!--container-->
    </body>  
    </html>

    and the css:

    Code:
    /*   
    Theme Name: BreeziethemeTheme 
    URI: http://www.breeziecastell.com/
    Description: SP Theme By Breezie Castell
    Author: Breezie Castell
    Author URI: http://www.breeziecastell.com
    Version: 1.0
    */
    html,
    body { 
       margin:0;
       padding:0;
       height:100%;
    color:#8f8a7f;
    font-family: 'Open Sans', sans-serif;
    font-weight:300;
    background:white url('http://corinne.breeziecastell.com/wp-content/uploads/2013/05/chevronlightbold.jpg');
    }
    .emph {font-size:2em; }
    .af-body input.text {width:150px !important; margin:10px;}
    .tagline {text-align:center; font-size:1.7em;  font-family: 'Josefin Sans', sans-serif; letter-spacing:3px; margin:0px;}
    .postdate { display:inline; width:300px; float:left; text-align:left; font-size:.8em;}
    .postdate img {vertical-align:top; padding:0 5px;}
    .commentcount {width:300px; float:left; text-align:right; font-size:.8em;}
    .commentcount img {vertical-align:middle; padding:0 5px;}
    .undertitle {border-bottom:1px solid #cccccc; margin:0 10px 0 0;}
    
    #quotehome {width:100% !important; min-height:100px; text-align:center; color:#ffffff; background:#b3ada1; font-size:3em; padding:200px 0;}
    #headertag {display:none;}
    #yohome {width:100%; text-align:center; color:#ffffff; background:#F58675; padding:200px 0;}
    #yocopy .bigblackcurs{font-size:2.5em; font-weight:300;}
    .yolarge {font-size:3em; 'Josefin Slab', sans-serif; letter-spacing:3px; text-transform:uppercase;}
    #yomed {font-size:2em;}
    
    img.alignright {float:right; margin:0 0 1em 1em}
    img.alignleft {float:left; margin:1em 1em 1em 0}
    img.aligncenter {display: block; margin-left: auto; margin-right: auto}
    .alignright {float:right; }
    .alignleft {float:left; }
    .aligncenter {display: block; margin-left: auto; margin-right: auto}
    
    #left {width:650px; float:left;}
    #sidebar {width:325px; margin-left:25px; float:left;}
    
    #ten {width:250px; min-height:250px; float:left; background:transparent url('http://www.corinnedobbas.com/wp-content/uploads/2013/05/coralsquare.png'); background-repeat:no-repeat; padding-top:60px;}
    #yoyo {width:250px;min-height:250px;float:left; background:transparent url('http://www.corinnedobbas.com/wp-content/uploads/2013/05/goldsquare.png'); background-repeat:no-repeat;padding-top:60px;}
    #life {width:250px; min-height:250px;float:left; background:transparent url('http://www.corinnedobbas.com/wp-content/uploads/2013/05/greensquare.png'); background-repeat:no-repeat;padding-top:60px;}
    #inspired {width:250px; min-height:250px;float:left; background:transparent url('http://www.corinnedobbas.com/wp-content/uploads/2013/05/peachsquare.png'); background-repeat:no-repeat;padding-top:60px;}
    
    #ten a:hover{ text-decoration:none; }
    #yoyo a:hover{text-decoration:none;}
    #life a:hover{text-decoration:none;}
    #inspired a:hover{text-decoration:none;}
    
    .widget {padding:20px;}
    .widget-title {text-transform:uppercase; font-size:1.25; font-weight:300; letter-spacing:2px;}
    h3, h4 {font-weight:300;}
    
    
    #optinleft{width:580px; float:left; margin-top:15px;}
    #optinright{width: 390px; float:left;}
    
    input {display:inline; vertical-align:middle; color:#B3ADA1;font-family: 'Open Sans', sans-serif; }
    
    input[type="text"], input[type="search"], input[type="email"]{
    padding:5px;
    -moz-box-shadow: inset 1px -1px 4px #6d6b6b;/*FF 3.5+*/
    -webkit-box-shadow: inset 1px -1px 4px #6d6b6b;/*Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+*/
    box-shadow: inset 1px -1px 4px #6d6b6b;
    border: 0px none #000000;
    -moz-border-radius: 4px;/*Firefox*/
    -webkit-border-radius: 4px;/*Safari, Chrome*/
    border-radius: 4px;
    
    }
    
    input[type="image"] {display:inline; text-align:right;}
    
    
    #container {min-height:100%;position:relative;}
    #content {width:1000px; margin:0px auto; background:transparent;}
    
    .onefourth {width:250px; float:left; min-height:200px; padding-top:60px; text-align:center; font-size:1.8em; color:#ffffff; font-family: 'Josefin Sans', sans-serif; letter-spacing:3px; text-transform:uppercase;}
    
    
    
    
    #bodytwo {padding-bottom:440px;}
    
    a:link img,
    a:active img,
    a:visited img{border: 0;}
    a:link {color:#f58675; text-decoration:none; }
    a:visited {color:#dcbb5a; text-decoration:none;}
    a:hover {color:#f58675; text-decoration:underline;}
    
    h1 {font-family: 'Josefin Sans', sans-serif; letter-spacing:3px; text-transform:uppercase; font-weight:300;}
    h2 {font-family: 'Josefin Slab', serif; letter-spacing:2px; font-weight:300; margin:0px !important;}	
    
    .ptitle {color:#f58675 !important; margin:60px 0 10px 0;} 
    .ptitle a{color:#f58675 !important;}
    .pcontent { }
    
    ul{}
    
    #wrapper {
    background-color:transparent;
    width: 1000px;
    margin: 0 auto;
    }
    
    #header { 
       background:transparent;
    }
    .logo{width:100% ; text-align:center;}
    
    .banner {margin:0px auto;}
    .banner img{text-align:center; padding:20px; background:#ffffff url(');}
    
    .centeredonpage {width:1000px; margin:0px auto;}
    
    .content{width:1000px;}
    
    #hometop{padding-bottom:50px;}
    
    #homeboxes {width:100%; text-align:center; color:#f48575; padding:0 0 150px 0; font-size:2em; text-transform:uppercase;}
    #homeboxes a {color:#ffffff; text-transform:underline;}
    #homeboxes .bigblackcurs {color:#f48575;}
    
    
    .bigblackcurs { color:#ffffff; font-family: 'Cedarville Cursive', cursive;}
    
    .homesection{margin-bottom:150px;}
    .homesection p {display:inline; }
    .homenum 
    {font-family: 'Cedarville Cursive', cursive; color:#f58675 !important; font-size:3em; display:inline;}
    .homelist {text-align:center;}
    .homesection h2 {
    text-transform:capitalize;
    color:#f58675; font-family: 'Cedarville Cursive', cursive; font-size:3em;
    background:#ffffff url('http://corinne.breeziecastell.com/wp-content/uploads/2013/04/corinnedivider.jpg'); background-position:top; background-repeat:repeat-x; text-align:center; padding-top:10px;}
    
    
    
    #navmenu{width:100%; text-align:center; }
    #navmenu img {vertical-align:top; padding-top:5px;}
    
    #dropmenu, #dropmenu ul {font-size:.8em; width:630px; text-transform:uppercase; letter-spacing:2px; margin:0; padding:0; list-style:none !important; list-style-position:outside; position:relative; line-height:1.7em;  font-weight:300;}
    #dropmenu a {display:block; padding:0.25em 1em;}
    #dropmenu a:hover {}
    #dropmenu li {float:left; position:relative; }
    #dropmenu ul {position:absolute;margin:23px 0 0 0px; display:none; width:12em; top:.5em; left:-1px;}
    #dropmenu ul a {border-left:1px solid #ffffff}
    #dropmenu li ul {border-top:1px solid #ffffff; width:14.1em;}
    #dropmenu li ul a {width:12em; height:auto; float:left;  border-bottom:1px solid #c8c8c8;}
    #dropmenu ul ul {top:auto;}
    #dropmenu li ul ul {left:10em; margin:0 0 0 0px;top:-.09em;}
    
    
    #topbar{width:1000px; margin:0px auto; padding:10px; background:transparent; }
    #topbar li {list-style:none !important;}
    
    
    #footer { 
    border-top:1px solid #f8a690;
    background:#ffffff url('http://corinne.breeziecastell.com/wp-content/uploads/2013/04/thinchevron.jpg');
       position:absolute;
       bottom:0;
       width:100%;
       height:440px;}
    
    #footer p { 
    color:#cccccc;
    text-align:center;
    width:1000px; padding:20px; margin:0px auto; }
    
    #footer .onethird {background:#ffffff; margin-right:30px; width:300px; float:left; margin-top:50px; }
    #footer .twothird {background:#ffffff; width:600px; float:left; margin-top:50px;}
    #footboxes {width:1000px; margin:0px auto;}
    
    <style type="text/css">
    
      .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        }
    
    .clearfix {display: inline-block;}  /* for IE/Mac */
    
    </style><!-- main stylesheet ends, CC with new stylesheet below... -->
    
    <!--[if IE]>
    <style type="text/css">
      .clearfix {
        zoom: 1;     /* triggers hasLayout */
        display: block;     /* resets display for IE/Win */
        }  /* Only IE can see inside the conditional comment
        and read this CSS rule. Don't ever use a normal HTML
        comment inside the CC or it will close prematurely. */
    </style>
    <![endif]-->

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,168
    Mentioned
    454 Post(s)
    Tagged
    8 Thread(s)
    If your page is broken, always give the validators a go first, to see if there's an error in your code, such as here:

    Code:
    .banner img{text-align:center; padding:20px; background:#ffffff url(');}
    That single ' inside here url(') is throwing FF right off. Change it to url('') or remove it altogether if it's not needed.

  3. #3
    SitePoint Enthusiast bzcastell's Avatar
    Join Date
    Jan 2012
    Location
    San Diego
    Posts
    55
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thank you so much Ralph I appreciate it so much ! )))

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,347
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Note that the xhtml1.1 doctype you are using requires that it be sent as application/xhtml+xml/.

    W3c
    XHTML 1.1 documents SHOULD be labeled with the Internet Media Type "application/xhtml+xml"
    Unless you are doing content negotiation for IE8 and under as it doesn't understand xhtml then you would be better off with the following doctype:

    Code:
    <!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">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>
    
    <body>
    </body>
    </html>
    Note that with xhtml 1.1. there are also subtle differences in how some js and css is handled.


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
  •