Krewe Posted June 10, 2012 Share Posted June 10, 2012 Hmmm I have come across a problem I am not sure how to fix...I have text in my footer but I am not able to interact with it. Http://www.codekrewe.com/testing HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html><head><title>Home | Code Krewe</title><link rel="stylesheet" href="css/style.css" type="text/css" /></head><body> <div id="container"> <div id="menu"> <div id="nav"> <div id="logo"> <a href="index.php"><Code Krewe ⁄></a> </div> <div id="links"> <ul> <a href="index.php"><li>Home</li></a> <a href="index.php"><li>About</li></a> <a href="index.php"><li>Portfolio</li></a> <a href="index.php"><li>Services</li></a> <a href="index.php"><li>Blog</li></a> <a href="index.php"><li>Contact</li></a> </ul> </div> </div> </div> <div id="contentContainer"> <div id="content"> <div id="topMsg"> <div id="transCurl"><img src="images/transCurl.png" alt="transCurl"></div> <a href="index.php"><div id="dev"></div></a> <a href="index.php"><div id="design"></div></a> <a href="index.php"><div id="host"></div></a> </div> </div> </div> <div id="clearFooter"></div> </div> <div id="footer"> <div id="footerContent"> <div class="pillar"> <h3>Will Work For...Money</h3> <p>I'm for hire! If you have a project that you need finished/started call me, Zach Case, for a free quote! We will talk about what features you would like and we will figure out what you need and what you don't need.</p> <p>Phone: (303) 264-8881</p> <p>E-mail: Krew-d@live.com</p> <a href="test.html">Test</a> </div> <div class="pillar" style="padding-left:25px;padding-right:25px;"> <h3>New News</h3> </div> <div class="pillar"> <h3>Mommy, Look!</h3> </div> </div> </div></body></html> CSS: /*Colors:Background - #eaeceaLinks - #fea40fDark Grey - #222222Orange Bar - #FF8800*/@import url(http://fonts.googleapis.com/css?family=Permanent+Marker|Happy+Monkey);html,body{height:100%;margin:0px;padding:0px;}body{background-color:#EAECEA;background-image:url('../images/whiteTexture.png');}h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;color:#fea40f;font-family: 'Permanent Marker', cursive;font-weight:400;}#container{min-height:100%;width:100%;margin-bottom:-250px;position:relative;}/***************Nav**************/#menu{height:50px;width:100%;min-width:900px;background-color:#111111;font-size:23px;font-family: 'Permanent Marker', cursive;font-weight:500;background-image:url('../images/blackTexture.png');}#nav{margin-left:auto;margin-right:auto;width:900px;height:50px;}#logo{float:left;margin-top:7px;}#logo a:link,#logo a:visited{color:#EAECEA;text-decoration:none;}#logo a:hover,#logo a:active{color:#fea40f;text-decoration:none;}#links{float:right;margin-top:7px;}#links a:link,#links a:visited{color:#EAECEA;text-decoration:none;padding-right:5px;}#links a:hover,#links a:active{color:#fea40f;text-decoration:none;}#links ul{display:inline;list-style-type:none;}#links li{display:inline;list-style-type:none;}/*************Content*************/#contentContainer{width:100%;min-width:900px;height:100%;min-height:250px;background-image:url('../images/curl.png');background-position:top left;background-repeat:no-repeat;}#content{margin-left:auto;margin-right:auto;width:900px;min-height:250px;}#topMsg{height:250px;padding-top:5px;-webkit-box-shadow: 0 8px 10px -10px #111111; -moz-box-shadow: 0 8px 10px -10px #111111; box-shadow: 0 8px 10px -10px #111111;margin-bottom:10px;}#dev{width:210px;height:210px;float:right;background-image:url('../images/web.png');background-position:center middle;background-repeat:no-repeat;}#dev:hover{background-image:url('../images/webHover.png');}#transCurl{float:left;}#design{width:210px;height:210px;float:left;background-image:url('../images/design.png');background-position:center middle;background-repeat:no-repeat;}#design:hover{background-image:url('../images/designHover.png');float:left;}#host{width:210px;height:210px;float:left;background-image:url('../images/hosting.png');background-position:center middle;background-repeat:no-repeat;}#host:hover{background-image:url('../images/hostingHover.png');}/*************Footer*************/#clearFooter{height:250px;clear:both;}#footer{height:250px;width:100%;min-width:900px;background-color:#111111;color:#eaecea;font-family: 'Happy Monkey', cursive;background-image:url('../images/blackTexture.png');}#footer p{margin:0px;padding:0px;font-size:14px;}#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{margin:0px;padding:0px;color:#eaecea;font-family: 'Permanent Marker', cursive;font-weight:500;}#footerContent{width:900px;margin-left:auto;margin-right:auto;}.pillar{width:30%;float:left;} Link to comment Share on other sites More sharing options...
Krewe Posted June 10, 2012 Author Share Posted June 10, 2012 Nevermind, fixed it... SorryThe footer needed position relative. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now