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

    Cant get footer to span 100%

    i messed up something like not closing a div or something i cant seem to find anything without messing up the site even more

  • #2
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Code:
    <!doctype html>
    <html class="no-js" lang="en">
    <head>
    	<title>J. Green &amp; Co.</title>
    	<link rel="stylesheet" href="css/style.css">
    	<link href='http://fonts.googleapis.com/css?family=Raleway:100' rel='stylesheet' type='text/css'>
    </head>
    <body>
    	<!--Nav-->
    <div id="navContainer">
    
    	<div id="nav">
    		<ul>
    			<li><a href="#">Home</a></li>
    			<li><a href="#">Location</a></li>
    			<li><a href="#">Services</a></li>
    			<li><a href="#">Catalog</a></li>
    			<li><a href="#">History</a></li>
    			<li><a href="#">Links</a></li>
    			<li><a href="#">Contact/News</a></li>
    			<li><a href="#">Staff</a></li>
    		</ul>
    	</div>
    	<div class="gap2"></div>
    </div>
    	<!--End Nav-->
    
    
    	<!--Content-->
    <div id="container">
    	<!--Logo-->
    	<div id="logo">
    	</div>
    	<!--End Logo-->
    
    
    	<!--Intro-->
    	<div id="intro">
    		<div class="left">
    				<p>Welcome to the J Green & Co website. Our store has a long and successful history when it comes to providing quality merchandise and service at attractive pricing and is known through out the South as The Bridal Place... The Bridal People...</p>
    	</div>
    		<div class="right">
    			
    				<p>Jewelry Store est in 1986. Has grown to four locations. Each store with it's own personality, but always Southern Charm! Largest jewelry selection in the SOUTH!</p>
    
    	</div>
    
    	<div class="clear">
    	</div>
    
    	
    	<!--End Intro-->
    		<div class="gap">
    		</div>
    	<!--Slideshow-->
    
    
    	<div id="slideShow">
    
    		<img src="images/main.jpg">
    	</div>
    
    
    	<!--End Slideshow-->
    	<div class="gap2">
    	</div>
    
    
    
    
    
    	<!--Locations-->
    	<div id="locations">
    
    
    	<div class="columns2">
    		<div>
    	Waycross
    		</div>
        	<div>
        Kingsland
    		</div>
        	<div>
        Brunswick
        	</div>
        	<div>
        Douglas
        	</div>
    	</div>
    
    	<div class="clear">
    	</div>
    
    
    
    
    	<div class="columns">
    		
    	<div>
        2302 Memorial Dr
        Waycross, GA 31501
        <li>(912) 283-3967</li>
    	</div>
    
        <div>
        1395 Hwy 40 East
        Kingsland, GA 31548
        <li>(912) 261-9527</li>
    	</div>
        
        <div>
        3467 Cypress Mill Road
        Brunswick, GA 31520
        <li>(912) 261-9527</li>
        </div>
    
        <div>
        1412 Bowens Mill Rd
        Douglas, GA 31533
       <li> (912) 389-1225</li>
        </div>
    	</div>
    
    	</div>
    	<!--End Locations-->
    
    
    	<!--Catalog-->
    	<div id="catalog">
    
    
    	</div>
    	<!--End Catalog-->
    
    
    	<!--History-->
    	<div id="history">
    	
    	<div class="font">
    			
    
    		History
    
    
    	</div>
    	<div class="clear">
    	</div>
    
    	<div class="left">
    
    		<p>Green and Company Fine Jewelers began as a gold chain outlet under the name Great Southern Gold and Diamond in Waycross, Georgia. The business transformed in 1986 to a jewelry retail store complete with a full service repair room staffing as many as 3 jewelry repair professionals at a time.</p>
    
    		<p>Great Southern Gold and Diamond became famous for the 'Pay Any Amount Down', 'Any Amount Each Month and No Time Limit for Items $10.00 to $50,000' Layaway Plan also for offering a tremendous amount of quality jewelry at prices everyone could afford.</p>
    
    		<p>In 2004 Great Southern Gold and Diamond relocated to a larger store in Waycross. Since that time the store has evolved into the areas largest and nicest jewelry showroom, where each piece of merchandise is hand selected to ensure our customers get the best quality for their money.</p>
    
    	</div>
    		
    		<div class="right">
    		<p>In 2007, Great Southern Gold and Diamond made another change calling the long standing retail store J Green and Company Fine Jewelers, Inc. The owner, John Green, felt this change gives the formally know Great Southern Gold and Diamond a more personal feel.</p>
    
    		<p>In 2009, J Green and Company opened two new store locations in Brunswick and St. Mary's GA. </p>
    
    		<p>In 2012, the St. Mary's store moved to a new location in Kingsland. In November, J Green and Company opened a new store in Douglas. We invite you to stop by one of our four J Green and Company locations to enjoy the J Green and Company experience.</p>
    
    		<br>
    		<p> John E. Green III</p>
    	</div>
    		
    	<div class="clear">
    	</div>
    	</div>
    
    	<!--End History-->
    
    
    	<!--Store Photos-->
    	<div id="storePhotos">
    
    	<div style="background-image: url(images/frame.jpg); height: 168px; width: 1024px;">
    		
    	<div class="columnsStore">
    	
    		<img class="grayscale" src="images/waycrosson.jpg">
    		<img class="grayscale" src="images/kingslandon.png">
    		<img class="grayscale" src="images/brunswickon.png">
    		<img class="grayscale" src="images/dougon.png">
    		
    	</div>
    </div>
    
    	<!--End Store Photos-->
    
    
    	<!--Services-->
    	<div id="services">
    	<div class="font">
    	Services
    	</div>
    
    	<div class="right">
    		<li>On-Site Jewelry Repair</li>
    		<li>Watch Repair</li>
    		<li>Free Watch Batteries replaced at NO CHARGE everyday</li>
    		<li>Cash 4 Gold</li>
    		<li>Jewelry Engraving</li>
    		<li>Jewelry appraisals for valuation and insurance purposes</li>
    		<li>Private Engagement and Wedding Consolations</li>
    		<li>Fine Jewelry & Gifts to commemorate special occasions</li>
    		<li>Complimentary Personal Shopper services</li>
    		<li>Class Rings by ArtCarved at Factory Cost Everyday</li>
    	</div>
    	<div class="clear"></div>
    	</div>
    	<!--End Services-->
    
    
    	<!--Services Photos-->
    	<div id="servicesPhotos">
    
    	<div style="background-image: url(images/frame.jpg); height: 168px; width: 1024px;">
    
    
    	<div class="columnsRepair">
    	
    		<img class="grayscale" src="images/repair-1on.png">
    		<img class="grayscale" src="images/repair2on.png">
    		<img class="grayscale" src="images/repairon.png">
    		<img class="grayscale" src="images/repair-4on.png">
    		</div>
    
    	</div>
    	<!--End Services Photos-->
    	<!--Brands-->
    	<div id="brands">
    
    
    
    
    	<div id="wrapper">
    		<div id="leftcol">
    		<li><a href="http://www.artcarved.com/home.mvc/index" target="_blank">ArtCarved</a></li>
    		<li><a href="http://www.benchmarkrings.com" target="_blank">Benchmark</a></li>
    		<li><a href="http://www.chamilia.com" target="_blank">Chamilia</a></li>
    		<li><a href="http://www.cargoholdinc.com/southern-gates.html" target="_blank">Southern Gates</a></li>
    		<li><a href="http://ellejewelry.com/shop/" target="_blank">Elle Jewelry</a></li>
    
    		</div>
    	<div id="rightcol">
    		<li><a href="http://charlesgarnier.jewelry.com" target="_blank">Charles Garnier</a></li>
    		<li><a href="http://www.fossil.com/webapp/wcs/stores/servlet/ContentView?langId=-1&storeId=12052&catalogId=25005&page=watches_landing" target="_blank">Fossil</a></li>
    		<li><a href="http://www.jsajewelry.com/Catalog.aspx" target="_blank">JSA</a></li>
    		<li><a href="http://www.luminox.com" target="_blank">Luminox</a></li>
    		<li><a href="http://www.pulsarwatches.com/usa/" target="_blank">Pulsar</a></li>
    
    		</div>
    	<div id="maincol">
    		<li><a href="https://www.qgold.com/default.aspx" target="_blank">Quality Gold</a></li>
    		<li><a href="http://www.gia.edu" target="_blank">GIA</a></li>
    		<li><a href="http://www.reactorwatch.com" target="_blank">Reactor</a></li>
    		<li><a href="http://www.seikousa.com/index.html" target="_blank">Seiko USA</a></li>
    		<li><a href="http://www.stuller.com" target="_blank">Stuller</a></li>
    		<li><a href="http://www.overnightmountings.com" target="_blank">Overnight Mountings</a></li>
    
    	</div>
    	</div>
    	<!--End Brands-->
    	</div>
    	<!--End Content-->
    
    	<!--Footer-->
    
    	<div id="footerContainer">
    
    
    	<div class="gap2">
    	</div>
    
    	<div id="footer">
    
    
    	<div class="color">	
    	John E. Green III<br>
    	CELL: (912) 288-7374<br>
    	johnegreenco@gmail.com<br><br>
    
    
    	<div id="wrapper2">
    
    	<div id="leftcol2">
    	<a href="https://www.facebook.com/JGreenCoJewelers"><img class="pic" src="images/facebook.png"></a>
    	</div>
    
    	<div id="rightcol2">
    	<a href="http://instagram.com/jgreencojeweler"><img class="pic"  src="images/insta.png"></a>
    	</div>
    
    
    	<div id="maincol2">
    	<a href="https://twitter.com/JGreenCoJeweler"><img class="pic" src="images/twitter.png"></a>
    	</div>
    
    	
    	
    	<br>
    	<br>
    	<br>
    	
    	Copyright 2013 J Green and Co. All rights reserved
    	</div>
    </div>
    
    	<!--End Footer-->
    	
    	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    	<script src="js/main.js"></script>
    </body>
    </html>

    Code:
    body{
    	margin: 0px;
    	background-color: #f4f4f4;
    	background: url('../images/backstrip.png') repeat center center;	
    	font-family: 'Open Sans', sans-serif;
    }
    #navContainer{
    	position: fixed;
    	top: 0px;
    	width: 100%;
    	background-color: #333333;
    	-moz-box-shadow: 0 0 10px 4px #CCCCCC;
    	-webkit-box-shadow: 0 0 10px 4px #CCCCCC;
    	box-shadow: 0 0 10px 4px #CCCCCC;
    	z-index: 1;
    }
    #nav{
    	margin: 0px auto;
    	width: 1024px;
    	height: 50px;
    }
    #nav ul{
    	margin: 0px;
    	padding: 0px;
    	text-align: center;
    }
    #nav ul li{
    	display: inline;
    	line-height: 50px;
    	list-style: none;
    }
    #nav ul li a{
    	padding: 0px 20px;
    	font-size: 22px;
    	color: #FFFFFF;
    	text-decoration: none;
    }
    .gap{
    	width: 100%;
    	height: 8px;
    	background-color: #EEEEEE;
    	margin-top: 30px;
    }
    
    .gap2{
    	width: 100%;
    	height: 8px;
    	background-color: #EEEEEE;
    
    }
    
    img.grayscale {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
        filter: gray;
        -webkit-filter: grayscale(100%);
        -webkit-transition: all .6s ease; 
        -webkit-backface-visibility: hidden; 
    }
    
    img.grayscale:hover {
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
        -webkit-filter: grayscale(0%);
    }
    
    
    #container{
    	margin: 0px auto;
    	width: 1024px;
    	padding-top: 58px;
    	padding-bottom: 15px;
    	border-left: 1px solid #BBBBBB;
    	border-right: 1px solid #BBBBBB;
    	background-color: #FFFFFF;
    
    }
    #logo{
    	margin-top: 10px;
    	width: 100%;
    	height: 200px;
    	background: url('../images/logo.png') no-repeat center center;
    	padding-bottom: 50px;
    }
    
    a:link {color:#333333;}
    a:visited {color:#333333;}
    a:hover {color:#666666;}
    a:active {color:#000000;}
    </style>
    
    
    
    #intro
    {
    
    }
    #history{
    	margin: 15px 0px;
    }
    #services{	
    	margin: 40px;
    }
    #servicesPhotos{
    	margin: 0px 0px;
    }
    
    #brands{
    	margin: 40px;
    }
    
    .left{
    	float: left;
    	margin-left: 50px;
    }
    .right{
    	float: right;
    	margin-right: 50px;
    }
    
    .left, .right{
    	width: 400px;
    	font-size: 14px;
    	text-align: justify;
    }
    .clear{
    	clear: both;
    }
    #locations{
    	margin: 5px 100px;
    	padding-left: 55px;
    	font-family: 'Raleway', sans-serif;
    	font-size: 16px
    }
    
    .columns{ 
    	width: 1024px;
    }
    .columns div{ 
    	width: 180px; height: 100px; text-align: center; float: left
    }
    .clear{ 
    	clear: both; 
    }
    .font{
    	font-family: 'Raleway' sans-serif;
    	font-size: 30px;
    	font-weight: bold;
    	float: left;
    	margin-left: 50px;
    }
    
    .columns2{ 
    	width: 1024px; 
    	padding-top: 10px;
    	font-size: 30px;
    	font-weight: bold;
    }
    .columns2 div{ 
    	width: 180px; height: 40px; text-align: center; float: left
    }
    
    .columnsStore{ 
    	width: 1024px; 
    	padding: 15px 20px;
    	margin: 15px;
    }
    
    .columnsRepair{ 
    	width: 1024px; 
    	padding: 20px 90px;
    	margin: 0px;
    
    
    }
    
    img { 
    margin-right: 20px;
    }
    
    
    div.color { color:white; 
    	 	font-size: 12px;
    		text-align: center;
    		padding-top: 35px;
     
    }
    
    
    li{
        list-style-type: none;
    }
    
    p{
    text-indent:50px;
    }
    
     
    #wrapper {
    	width: 100%;
    	height: 100px;
     }
     
    #leftcol {
    	float: left;
    	padding-left: 175px;
    	
    	height: 50px;
     }
     
    #rightcol {
    	float: right;
    	padding-right: 175px;
    	text-align: right;
    	
    	height: 50px;	
     }
     
    #maincol {
    	width: 200px;
    	margin: 0 auto;
    	text-align: center;
    	height: 50px;
     
    }
    
    
    #wrapper2 {
    	width: 100%;
    	height: 100px;
     
    }
     
    #leftcol2 {
    	float: left;
    	padding-left: 374px;
    	height: 50px;
     
    }
     
    #rightcol2 {
    	float: right;
    	padding-right: 374px;
    	text-align: right;
    	height: 50px;	
     
    }
     
    #maincol2 {
    	width: 200px;
    	margin: 0 auto;
    	height: 50px;
     
    }
    
    #slideShow{
    	height: 476px;
    }
    
    
    
    #footerContainer{
    	width: 100%;
    	background-color: #333333;
    
    }
    #footer{
    	margin: 0px auto;
    	width: 1024px;
    	height: 225px;
    	background-color: #484848;
    	background: url('../images/stripes.png') repeat center center;	
    
    }

  • #3
    Senior Coder
    Join Date
    Jan 2011
    Location
    Missouri
    Posts
    4,226
    Thanks
    23
    Thanked 606 Times in 605 Posts
    code or link
    Evolution - The non-random survival of random variants.

    "If you leave hydrogen alone, for long enough, it begins to think about itself."

  • #4
    New to the CF scene
    Join Date
    Apr 2013
    Posts
    6
    Thanks
    1
    Thanked 0 Times in 0 Posts
    trying.... said moderator was needed...
    that was awhile ago


  •  

    Posting Permissions

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