View Full Version : Footer Issue
sparklingsky
10-24-2009, 01:16 PM
I'm trying to make it so that my footer goes all the way across the bottom of the page and so far I've kind of succeeded. The only problem is, it does not go across the page all the way on my index (main blog + blog). It stretches all the way across on all the other pages though and I'm not sure why.
Here is the index page: http://vivid-avenue.net
Here is an example of one of my other pages in which it does stretch all the way across: http://vivid-avenue.net/hosting/
I'm not really sure why it's doing this :/
bluewalrus
10-24-2009, 05:12 PM
You got it in the wrong container there. Move it out of div container and it works, or copy this.
<div class="alignright"></div>
</div>
</div>
</div></div></div></div><div id="footer">© Copyright - Kendra at <a href="http://vivid-avenue.net">Vivid-Avenue.net</a>.<br>
Layout credits: <a href="http://www.gvd-paperplanes.com/">1</a><br><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></div>
sparklingsky
10-24-2009, 05:15 PM
That seems to work but now I have 10 errors in my validation? Did I do something wrong?
bluewalrus
10-24-2009, 05:29 PM
you pasted in the wrong spot
see:
<div class="alignright"></div>
</div>
</div>
<div class="alignright"></div>
</div>
sparklingsky
10-24-2009, 05:31 PM
I'm sorry, I'm a bit confused. Where should I be pasting it?
bluewalrus
10-24-2009, 05:32 PM
I didn't study your code before were there multiple div's align right at the bottom there or just one? Or can you go back to it in the conatiner div and I'll post full code change. I think it's just a div ordering problem.
sparklingsky
10-24-2009, 05:33 PM
I don't remember there being any actually but I'm not sure
bluewalrus
10-24-2009, 05:35 PM
There was one, i think you might have pasted it in the second one my mistake with an extra div closing tag.
sparklingsky
10-24-2009, 05:36 PM
Ahh I see. I'm still really confused haha
sparklingsky
10-24-2009, 05:38 PM
Okay, it is back to the way it was at the beginning I believe.
bluewalrus
10-24-2009, 05:39 PM
This passes
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>VIVID-AVENUE; find it and take it away!</title>
<link rel="stylesheet" href="http://vivid-avenue.net/wordpress/wp-content/themes/Version8/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://vivid-avenue.net/feed/" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://vivid-avenue.net/feed/rss/" />
<link rel="alternate" type="application/atom+xml" title="Atom 1.0" href="http://vivid-avenue.net/feed/atom/" />
<link rel="pingback" href="http://vivid-avenue.net/wordpress/xmlrpc.php" />
<link rel='archives' title='October 2009' href='http://vivid-avenue.net/2009/10/' />
<link rel='archives' title='August 2009' href='http://vivid-avenue.net/2009/08/' />
<link rel='archives' title='June 2009' href='http://vivid-avenue.net/2009/06/' />
<link rel='archives' title='May 2009' href='http://vivid-avenue.net/2009/05/' />
<link rel='stylesheet' id='contact-form-7-css' href='http://vivid-avenue.net/wordpress/wp-content/plugins/contact-form-7/stylesheet.css?ver=2.0.6' type='text/css' media='all' />
<script type='text/javascript' src='http://vivid-avenue.net/wordpress/wp-includes/js/jquery/jquery.js?ver=1.3.2'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://vivid-avenue.net/wordpress/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://vivid-avenue.net/wordpress/wp-includes/wlwmanifest.xml" />
<link rel='index' title='' href='http://vivid-avenue.net' />
<meta name="generator" content="WordPress 2.8.5" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="favicon(3).ico" />
</head>
<body>
<div class="site">
</div>
<div class="nav1">
<a href="http://www.vivid-avenue.net/index.php" class="navi1">BLOG</a>
<a href="http://vivid-avenue.net/owner/" class="navi1">OWNER</a>
<a href="http://vivid-avenue.net/tutorial/" class="navi1">TUTORIALS</a>
<a href="http://vivid-avenue.net/contents" class="navi1">VISITOR</a>
<a href="http://vivid-avenue.net/hosting/" class="navi1">HOSTING</a>
<a href="http://vivid-avenue.net/extra/" class="navi1">EXTRAS</a>
<a href="http://vivid-avenue.net/site/" class="navi1">SITE</a>
</div>
<div id="container">
<div id="sidebox"/>
<div class="sidebar">
<h3>Welcome</h3>
Welcome to Vivid-Avenue.net! This is a resource, graphics, and personal blog site owned by a girl named Kendra. :) To learn more about me, click <a href="http://vivid-avenue.net/owner/">here</a>.
</div><br /><br />
<div class="sidebar" style="text-align:center">
<h4>Affiliates</h4>
<table width="100%">
<tr>
<td align="left" width="125" height="0">
<a href="http://studio94.org" target="_blank" class="navi">Kiara</a>
<a href="http://candierocks.com" target="_blank" class="navi">Nicolette</a>
<a href="http://lov3burst.net" target="_blank" class="navi">Joanne</a>
<a href="http://thistudio.shoox.org" target="_blank" class="navi">Kayt</a>
<a href="http://kwinsturr.com" target="_blank" class="navi">Quyhn</a>
<a href="http://gvd-paperplanes.com" target="_blank" class="navi">Gillian</a>
<a href="http://aestheticintoxication.com" target="_blank" class="navi">Tiffany</a>
</td>
<td align="left" width="125" height="0">
<a href="http://pastelsmash.com" target="_blank" class="navi">Melinda</a>
<a href="http://cianopi.org" target="_blank" class="navi">Liah</a>
<a href="http://heartbliss.info/" target="_blank" class="navi">Priya</a>
<a href="http://www.fleurchild.com" target="_blank" class="navi">Julia</a>
<a href="http://abstracity.net" target="_blank" class="navi">Sharlene</a>
<a href="http://vivid-avenue.net/affiliates" target="_blank" class="navi">Be here?</a>
<a href="http://vivid-avenue.net/affiliates" target="_blank" class="navi">Be here?</a>
</td></tr></table>
<a href="http://vivid-avenue.net/affiliates/all-affiliate/">View All</a> / <a href="http://vivid-avenue.net/affiliates/">Apply?</a>
</div><br/><br/>
<div class="sidebar" style="text-align:center">
<h6>Advertising</h6>
<script language="javascript" type="text/javascript">
<!-- Begin
var how_many_ads =15;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % how_many_ads;
ad +=1;
if (ad==1) {
url="http://coy-dreamer.com";
alt="";
banner="http://coy-dreamer.com/link2.gif";
width="88";
height="31";
}
if (ad==2) {
url="http://aestheticintoxication.com";
alt="";
banner="http://i39.tinypic.com/awvr6c.jpg";
width="88";
height="31";
}
if (ad==3) {
url="http://lovecannibal.com";
alt="";
banner="http://www.lovecannibal.com/site/B2.jpg";
width="88";
height="31";
}
if (ad==4) {
url="http://kwinsturr.com/";
alt="";
banner="http://i32.tinypic.com/29mljlv.png";
width="88";
height="31";
}
if (ad==5) {
url="http://ponterosso.net";
alt="";
banner="http://ponterosso.net/images/button.jpg";
width="88";
height="31";
}
if (ad==6) {
url="http://oh-vintage.co.uk";
alt="";
banner="http://i238.photobucket.com/albums/ff181/Oh-Vintage/LinkButtons/Animation7.gif";
width="88";
height="31";
}
if (ad==7) {
url="http://thistudio.shoox.org/";
alt="";
banner="http://i27.tinypic.com/2r4tpi9.png";
width="88";
height="31";
}
if (ad==8) {
url="http://toxicow.com/";
alt="";
banner="http://toxicow.com/images/Linkmebutton.gif";
width="88";
height="31";
}
if (ad==9) {
url="http://skylish.co.uk";
alt="";
other half coming in 30 seconds
bluewalrus
10-24-2009, 05:39 PM
banner="http://i523.photobucket.com/albums/w353/dkizzbaby/fulfilled/linkbutton1.gif";
width="88";
height="31";
}
if (ad==10) {
url="http://icy-sun.info";
alt="";
banner="http://i40.tinypic.com/35iywr8.gif";
width="88";
height="31";
}
if (ad==11) {
url="http://www.think-x.info";
alt="";
banner="http://www.think-x.info/images/layout/BUTTON1.gif";
width="88";
height="31";
}
if (ad==12) {
url="http://sparklingsoul.co.cc";
alt="";
banner="http://i382.photobucket.com/albums/oo266/sparklingsoul/lb.gif";
width="88";
height="31";
}
if (ad==13) {
url="http://gvd-paperplanes.com";
alt="";
banner="http://i36.tinypic.com/3538s5x.png";
width="88";
height="31";
}
if (ad==14) {
url="http://www.fleurchild.com";
alt="";
banner="http://i332.photobucket.com/albums/m332/fleurchild/linkback/buttonyeah.jpg";
width="88";
height="31";
}
if (ad==15) {
url="http://www.xivy.org";
alt="";
banner="http://i714.photobucket.com/albums/ww146/twisted_smiles/xIvy/Link%20Buttons/88x31_7.gif";
width="88";
height="31";
}
document.write('<a href=\"' + url + '\" target=\"_blank\">'); document.write
('<img src=\"' + banner + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('alt=\"' + alt + '\" border=0></a>');
// End -->
</script><br />
<a href="http://vivid-avenue.net/advertising">Be here?</a>
</div><br/><br/>
<div class="sidebar">
<h5>Site Info</h5>
<strong>Owner:</strong> Kendra<br />
<strong>Site Started:</strong> 12/4/08<br />
<strong>Layout:</strong> V8: Find it and take it away!<br />
<strong>Online Users:</strong> <!-- Start FastOnlineUsers.com -->
<a href="http://www.fastonlineusers.com"><script type="text/javascript" src="http://fastonlineusers.com/on2.php?d=www.vivid-avenue.net">
</script> munchkins</a> <!-- End FastOnlineUsers.com -->
<br />
<center><!-- Site Meter -->
<script type="text/javascript" src="http://sm8.sitemeter.com/js/counter.js?site=sm8vividavenue">
</script> <noscript><a href="http://sm8.sitemeter.com/stats.asp?site=sm8vividavenue" target="_top"><img src="http://sm8.sitemeter.com/meter.asp?site=sm8vividavenue" alt="Site Meter" border="0" /></a></noscript> <!-- Copyright (c)2006 Site Meter --></center>
</div><br/><br/>
<div class="sidebar">
<h3>Updates</h3>
-<a href="http://heartdrops.org/">Being Reviewed</a>
<br />
-<a href="http://vivid-avenue.net/site-map/">Site Map</a>
<br />
-<a href="http://vivid-avenue.net/review/review-still-me/">Review: Still Me</a>
<br />
-<a href="http://heartbliss.info/">New Affy - Priya</a>
<br />
-<a href="http://vivid-avenue.net/owner/awards-gifts/">Gifts + Rewards Page</a>
</div><br/><br/>
<div class="sidebar">
<div class="twitter">
<h4 class="sidebar-title">Twitter Updates :)</h4>
<div id="twitter_update_list"></div>
<a href="http://twitter.com/sparklingsky" id="twitter-link" style="display:block;text-align:right;">Follow Me On Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/sparklingsky.json?callback=twitterCallback2&count=4"></script>
</div><br/><br/>
</div>
<!-- Content of the page -->
<div id="content">
<div id="wrapper">
<div class="post" id="post-635">
<h1>So You Think You’re a Photographer?</h1>
<!-- by Kendra -->
<div class="entry">
<p class="postmetadata">
<img src="http://i41.tinypic.com/2rwb76s.png" alt="Time" /> October 24th, 2009<br />
<img src="http://i42.tinypic.com/m7qjww.png" alt="Category" /> Posted in <a href="http://vivid-avenue.net/category/complaints/" title="View all posts in Complaints" rel="category tag">Complaints</a>, <a href="http://vivid-avenue.net/category/life/" title="View all posts in Life" rel="category tag">Life</a>, <a href="http://vivid-avenue.net/category/rants/" title="View all posts in Rants" rel="category tag">Rants</a><br />
<img src="http://i39.tinypic.com/k98l55.png" alt="Comments" /> <a href="http://vivid-avenue.net/2009/10/24/so-you-think-youre-a-photographer/#comments" title="Comment on So You Think You’re a Photographer?">3 Comments »</a><br />
</p>
<p>Want to know what I hate more than anything in the world? Okay, not more than ANYTHING. I just hate it A FREAKING LOT. When people take a black and white picture with their little Kodak Easy Share 50 dollar camera and then say “I could be like a photographer like thingy”. That’s really, really obnoxious. </p>
<p>I’m not saying you can’t take nice pictures with those cameras. I know you can for a fact because I used to do it. My complaint is more that people take pictures in a different color and then put up albums saying <b>My Photography</b> and every single picture is of a bunch of trees or a lake. That’s not creative at all, and you’re not a photographer because you changed your camera setting to black and white. Not even if you edited it on the computer to be black and white. That DOESN’T make you a photographer. You’re just someone who enjoys taking crappy pictures and trying way too hard to make them look professional. </p>
<p>I sound kind of *****y right now, I know. Excuse my language but this all needs to be said. I know a ton of people who do this and it drives me absolutely mad. I can name 20 people I know (not online) that do this. Let me share a small story with you all so you can better understand where I’m coming from here.</p>
<p>One day (this was when I was a senior in High School which was last year), I was sitting in my Childhood class and we were in the computer lab. We were supposed to be creating a lesson plan and using the computers to get ideas for educational games and stuff. ANYWAY. I pulled up my site because my friend wanted to see it. All of a sudden, every girl in my class comes up behind our chairs going “OHH MY GODSSS THOSE LOOK MAD PROFESIONALLLLLL”. I’m sure you can put a voice to the quote. </p>
<p>Afterward they were all like “Yo yah pictures look mad professional, I’m gonna try that” and I was like 0.o. I know, they were just being nice, but, here is the annoying part.<br />
One of them went home, took a bunch of pictures with her camera in black and white of completely nonsense and then put up an album on Facebook and called it “My Photography”. I was just so annoyed. </p>
<p>And on another note that has to do with this: My brother and his wife were going to a wedding today and asked if they could use two of my best cameras while they were there. One of them, my 35 mm Digital SLR was the one they really wanted to use the most. Look at the picture below of this camera and then tell me, WOULD YOU WANT YOUR BROTHER DRUNK AT A WEDDING TO BE HANDLING THAT? NO. Btw, I’m not angry. I’m just ranting like mad. XD Oh yeah, the lighter in the background isn’t mine. I would never smoke. It’s my boyfriend’s. Don’t worry, he doesn’t smoke either he just thinks they’re cool and buys them. HAHAHA. He’s going to kill me for that. <img src='http://vivid-avenue.net/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p><img src="http://vivid-avenue.net/wordpress/wp-content/uploads/2009/10/camera1-300x225.jpg" alt="My Camera" title="My Camera" width="300" height="225" class="aligncenter size-medium wp-image-636" /></p>
<p>We went to a wedding a few weeks ago and I brought that camera. I was taking pictures and he was like “THAT CAMERA IS AMAZING ALL THE PICTURES ARE GREAT I HAVE TO GET ONE OF THOSE”. In my mind I was going “Let me clarify something. It is not just the camera that produces a picture, it is the person holding the camera. This is not a power shot. You do not just press a button and take an awesome picture”. I’m far too polite to say that to his face though. XD </p>
<p>Anyway, I’m going to end this here because I sound like a total witch. It just annoys me to no end, you have no freaking idea. And to end off, here is a little photo of all of my cameras. Their names are: Lola, Pierre, Jack, and Matthew. Don’t ask. <img src='http://vivid-avenue.net/wordpress/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p><img src="http://vivid-avenue.net/wordpress/wp-content/uploads/2009/10/camera2-300x225.jpg" alt="My Cameras" title="My Cameras" width="300" height="225" class="aligncenter size-medium wp-image-639" /></p>
</div>
<div>
<div class="navigation">
<div class="alignleft"><a href="http://vivid-avenue.net/page/2/" >« Older Entries</a></div>
</div>
<div class="alignright"></div>
</div>
</div>
</div>
</div><div id="footer">© Copyright - Kendra at <a href="http://vivid-avenue.net">Vivid-Avenue.net</a>.<br />
<a href="http://vivid-avenue.net/site/credit/">Layout Credits</a><br /><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a></div></body></html>
sparklingsky
10-24-2009, 05:42 PM
I'm sorry, so how much of the end goes in the footer then?
sparklingsky
10-24-2009, 05:50 PM
I'm still kind of confused. What exactly did you change in that new code that apparently passes?
bluewalrus
10-24-2009, 06:14 PM
That's the full page, it should be the same unless there's server side code. I just changed the order of the div's but if your code is passing already and the footer is correct just leave it.
sparklingsky
10-24-2009, 09:47 PM
I'm still confused :/
bluewalrus
10-24-2009, 10:24 PM
Is there javascript that is running that writes part of this page?
The source code is different than the generated source code.
Example Source code:
Valid CSS</a></div></body></html>
Generated Source code from fire bug:
Valid CSS</a></div></div></body></html>
The generated source is wrong the second closing div needs to be before the footer closes.
stringcugu
10-25-2009, 01:39 PM
if you want the footer div out side
like the first page take this line out
<div id="footer">-------
© Copyright - Kendra at <a href="http://vivid-avenue.net">Vivid-Avenue.net</a>.<br />
<a href="http://vivid-avenue.net/site/credit/">Layout Credits</a><br /><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a>
and then close it with
</div>
Powered by vBulletin® Version 4.2.2 Copyright © 2021 vBulletin Solutions, Inc. All rights reserved.