HTML - Footer Questions -- Might Even Be A Css Problem
Hi,
I have a problem with a design (http://www.kinoaguilar.com/james/) where if the webpage is not bigger than what the browser can display, then my footer appears in a really 'crappy' way. The easy way to fix it would be to add blank space, but I'd rather not do that. Does anybody know the 'correct' way to fix it? ~lukis100 Similar TutorialsHello, I've been trying to get a footer bar at the fixed bottom position. So far, it seems to work in FF, IE and I also checked in the new Google Chrome browser. However, in IE something strange happens: when a menu in the navigation gets expanded, the footer shifts over the width of the navigation div to the right. You can see the site and the problem at this test page. When you go over "hoofdstukken" in the menu, the footer div moves to the right - at least in my IE7. Any ideas what could cause this - and how to solve it? Thanks in advance. Kind regards, Tom i have a problem in a footer that if the content of the page did not fill the all the page the footer will not be in front of the status bar' but it is not working well on firefox and internet explorer in the same time] so how i can put the footer above the status bar in the pages that not contains alot of data??? to see what i mean plz open this link in internet explorer and firefox th see the difference http://www.graphicano.com/john/index.htm with css: .bodydwn { background-image: url(images/body_dwn.jpg); padding-left: 280px; font-size: 10px; vertical-align: middle; } and http://www.graphicano.com/john/index2.htm with css .bodydwn { background-image: url(images/body_dwn.jpg); padding-left: 280px; font-size: 10px; vertical-align: middle; width: 100%; position: absolute; bottom: 0px; } So my site works in FF, Safari and IE8 (sorta). However, my sticky footer is getting screwed up in IE7. Im sure it has something to do with margins and padding issues but I can't seem to come up with a solution that works. I based the footer on this article: http://www.lwis.net/journal/2008/02/...sticky-footer/ My template is located at: http://current-post.com Everything should be w3 valid. Help! Hi Could anyone shed some light on why the footer on this page isn't staying at the bottom of the page? Its ok on the other pages so I'm assuming its got something to do with the contact form on the page. http://www.buckleigh.co.uk/contact.asp Here's the css: http://www.buckleigh.co.uk/screen.css Any help greatly appreciated, thanks. Kev Hi, I have made a site recently, its fairly dodgy looking but thats what they wanted, it all worked out well except for one of the pages the 'footer' section of the main table wont resize properly, all the pages are coded exactly the same for the section, but just one page wont work the site is www.thesavergroup.com and the page that wont behave is the eftpos page. Any help would be appreciated i'm going nuts over this. Thanks Chris I am just about to ship this template off to a customer but I am having a problem with my footer. The footer is supposed to expand the width of the page at the very bottom of the page. However, the footer is cramming itself in below the content on the right side panel. However, if I add 2 </div> tags in the HTML code directly above the footer code than it works perfect. The problem is that this invalidates the code and I can't figure out why. The validator claims these </div> tags aren't matched with enough <div> tags. Im going nuts and I know this is a really simple issue. Can anybody see what is going on?! Here is the page I am talking about: http://current-post.com/refractive/inner.html My fault, the padding pushed the div outward covering the links at the bottom. ....I had enough! My footer is all over the place! Why can't it just move down when the text becomes longer! I am just using <div>. My header, the nav bar and the right side bar are fixed and I want the footer to just fit in underneath. Anybody got some code which solves that problem? Chris PHP Code: <?php echo "<div class='mainarea'>"; include ("includes/header.inc"); include ("includes/navigation.inc"); if ($var == 'service' or $var == 'consultancy') { echo "<div class='textarea_services'><p><br /></p>"; include ("text.php"); echo "</div>"; } else { echo "<div class='textarea'><p><br /></p>"; include ("text.php"); echo "</div>"; } if ($var != 'service' and $var != 'consultancy'){include ("includes/rightside.inc");} if ($var != 'privacy'){include ("includes/footer.inc");} echo "</div>"; ?> Hi guys I don't know if I should be asking these question here not still here we go, 1. I want to add the login and out box from the forums to my website homepage How can I do that??? 2. I want to put that search box from the forums to website homepage as well so if some member/user search the website they get the results out of forums. I hope I explained good Please ask for more information if you need Thank You so much. 01:: object won't touch the top of the page:: On my site, www.subliminalmusic.co.nr, I got a flash mp3 player in a frame at the top.. but, for some reason, the mp3 player won't touch the very top of the page. I want it where the mp3 player touches the very top of the page and is fixed in place instead of having a scroll bar on the right. 02:: how do you make frame1 close when frame2 browses off of the original domain?:: I'm wondering if it's possible to make my top frame, with the mp3 player in it, close whenever I go to an off-site link in the bottom frame? Where the top frame stays put whenever I browse my own site, but closes whenever I go to another website. It seems logical that I could make a list of safe-urls, or whatever.. something like.. where the top frame can recognize what's in the bottom frame.. and there'd be a list of urls in the code somewhere. If the url in the bottom frame isn't in the list of urls mentioned in the code, then the top frame closes. Is that possible? If so, can you tell me how to do it or point me in the right direction? Thanks in advance! -Anthony- I am a new member and I was hoping someone could help me. I have looked for answers myself, but I havent come across them. Question 1- How do I add a Scroll Bar Box to left side to slip the page into 2 sections, and How to add Links to it? Question 2- How Do I make the Screen not move off the page? So the Bottom scrollbar does not show up. Ex. If I am using Internet Explorer, and I have my Favorites up, and I expand the box, It makes the screen smaller, But the website also gets smaller, but you can still see evrything. I Hope you guys can help me. 1. Is there any HTML code that can allow me to create a newsletter for my website. So people can sign up with it, then whenever I want to send one out I just fill in some form for the new letter then hit send and it will send to all the people who signed up. Is there any html code to do this, if so what is the code? 2. I would like a link or something to useful html codes that I could use for my website. Hello everyone. Tho i am a new user, i need help on this one. 1)Does anyone have or know a ready rating and commenting system code that you can just stick on your HTML page? 2)Anyone know where to get Dreamweaver CS1+ for a pretty low price? I hope i posted in the right section. Please help me out! Thanks in advance! This is my site currently ... www.fortheloveinc.com (please click to see what I am referring to) 1st Question ~ As you go from page to page on my site, you'll notice the annoying banner at the very top of the page. The site is hosted by godaddy.com, but there must be a way to remove that from my site. All the advertisements as well. Is it because I am temporarily using the free host option when you first purchase a domain do you think? Just wondering how I remove all of that off of my site. 2nd Question ~ I've been using Photoshop, for the graphics on my site (the headers, and the clickable links). I would like to be able to fill my site, from side to side, and from top to bottom. How do I do this using html? Basically make use of the whole page, instead of just little portions of it. Thank you and I'm hoping y'all can help me out with these questions. Much appreciated. Hello all! I just started a site and I have two questions that would really help me out. First - I have a news section on my website that I want people to be able to comment on. I have searched the web forever on this, but I want people to be able to click the comment section below the article which will redirect them to another page where they can add/view comments. I also want people to be able to see how many comments have been posted on the original article. Whats the best way of doing this? Second - I have a sidebar on my website that provides a quick link to an article that has been posted. Is there anyway I can make that sidebar once and reference throughout the other pages on my website so I don't have to update each individual page? Thanks in advance for your help. p.s. the website is http://www.socomfans.com 1. Can I define two classes? For example: Code: <p class="one" class="two">Text...</p> 2. Can a class be defined as a number? For example: Code: <p class="1">Text...<p> Thanks. 1. Under the picture, there are some tags (funny, meme, comic). When you hover over the tags, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359) 2. Under the picture, there are pictures of some people. When you hover over their pictures, they turn white/bright. Is there a way to make this stay white/bright? (http://plustom.tumblr.com/post/18287272359) 3. Under the pictures of the people, there is a link that says "Previous Post". When you hover over it, it gets bold. Is there a way to make this stay unbold? (http://plustom.tumblr.com/post/18287272359) Current HTML code: (Excuse the faces). HTML Code: body {font-family: {font:Text}; font-size: 12px; color: {color:Font}; background-color: {color:Background};} #right {width: 250px; left: 50%; top: 50px; margin-left: -400px; position: absolute; {block:IfFixedSidebar}position: fixed;{/block:IfFixedSidebar} -webkit-transition-duration: .3s;} #right:hover {opacity: 1;} #right a {text-decoration: none;} .title {padding-bottom: 10px; border-bottom: 2px solid {color:Tertiary}; font-size: 14px; display: inline-block; font-weight: bold; margin-bottom: 10px;} a {color: {color:Font};} .link {font-size: 11px; display: inline-block; margin-top: 5px; font-weight: bold;} #center {width: 400px; margin: auto; margin-top: 50px;} #description {margin-bottom: 5px; font-size: 11px; max-width: 200px;} .entry {margin-bottom: 20px; padding-bottom: 20px; border-bottom: 2px solid {color:Secondary};} .entry img {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow} !important; max-width: 400px;} .perma {position: absolute; opacity: 0; -webkit-transition-duration: .2s; z-index: 1;} {block:IndexPage}.entry:hover .perma {opacity: 1;}{/block:IndexPage} .permalink {display: inline-block; padding: 10px; background-color: {color:Primary}; color: {color:Primary Font};} .permalink:hover .exclamation {display: inline-block; margin-left: 1px; opacity: 0; -webkit-transition-duration: .2s;} .link:hover .exclamation {opacity: 1;} .text_perma {width: 100px; text-align: right; position: absolute; margin-left: -110px; -webkit-transition-duration: .2s; opacity: 0;} {block:IndexPage}.entry:hover .text_perma {opacity: 1;}{/block:IndexPage} .text_permalink {border-bottom: 1px solid {color:Background}; display: inline-block; -webkit-transition-duration: .2s;} .text_permalink:hover {border-bottom: 1px solid {color:Secondary};} h2 {font-size: 14px;} h2 a {text-decoration: none; border-bottom: 1px solid; -webkit-transition-duration: .2s;} h2 a:hover {border-bottom: 1px solid {color:Background};} .label {margin-right: 10px; font-weight: bold;} .album_art {display: inline-block; margin-right: 10px; float: left;} .album_art img {width: 150px; height: 150px;} .audio {display: inline-block; min-height: 150px; max-width: 207px;} ol.notes {margin-left: -45px; list-style-type: none; width: 400px;} ol.notes a:hover {text-decoration: none;} ol.notes blockquote {margin-top: -3px; margin-left: 0px; padding-left: 13px; padding-top: 5px; border-left: 11px solid {color:Primary}; margin-bottom: 0px;} ol.notes li.note {padding: 5px;} li.note img {margin-right: 10px; width: 11px; height: auto; opacity: .5; -webkit-transition-duration: .3s;} li.note:hover img {opacity: 1;} .entry blockquote {border-left: 2px solid {color:Primary}; padding-left: 10px; margin-left: 25px;} .player {-webkit-box-shadow: 1px 1px 1px 1px {color:Shadow};} #tags {margin-bottom: 20px;} #tags a {margin-right: 10px; opacity: .7; text-decoration: none;} #tags a:hover {opacity: 1;} .nav_1 {display: inline-block; width: 50%; margin-bottom: 20px;} .nav_2 {display: inline-block; width: 50%; text-align: right; margin-bottom: 20px;} #nav a {text-decoration: none;} #nav a:hover {font-weight: bold;} .audio_symbol {padding: 7px; background-color: {color:Background}; opacity: .9; border-radius: 100px; position: absolute; margin-top: 7px; margin-left: 7px; font-size: 14px; height: 15px; width: 15px; -webkit-text-stroke: 1px transparent;} {block:IfInfiniteScrolling}.regular_pagination {display: none;}{/block:IfInfiniteScrolling} Hi all, I'm wondering if someone could explain a little about the validation of my site? http://validator.w3.org/check?uri=ht...ctype=Inli ne For one thing, I can't understand why it gives the wrong line in the code for the error, and what is means by the column of the code. Neither of them correspond in any way with my code, that I can see. Also, why is telling me that maginheight, height, etc., are all invalid elements. Finally, will being html 4 compliant help my page rank in any way? |