tchoy Posted November 8, 2009 Report Share Posted November 8, 2009 in this page: http://www.ohka.org/events-new.html, the contents are overlapping the footer. How do I make this scroll or is it better to make two columns or should the footer move down? If the footer moves down, then all the pages, the footer should move down as well? Quote Link to comment Share on other sites More sharing options...
virtual Posted November 8, 2009 Report Share Posted November 8, 2009 Your link does not work. Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 8, 2009 Author Report Share Posted November 8, 2009 try www.ohka.org/index-new.html and then click on events in the menu Quote Link to comment Share on other sites More sharing options...
falkencreative Posted November 8, 2009 Report Share Posted November 8, 2009 Everything is positioned using position:absolute... which makes it extremely tricky. I'd highly suggest removing all of the position:absolute and work with floats instead. If you are going to stick to position:absolute, the only way I can think of is to adjust the positioning uniquely per page. Realistically, you're going to have to make some changes on how you position elements anyway. For example, if the user is using a 800x600 resolution (not as popular as it used to be, but still something to keep in mind) the site is almost unusable. Quote Link to comment Share on other sites More sharing options...
virtual Posted November 8, 2009 Report Share Posted November 8, 2009 Plus the fact that you do not have a Doctype at all which Thelma already pointed out in another post. Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 8, 2009 Report Share Posted November 8, 2009 Yes, I think I have mentioned that missing doctype a few times already. Also you (tchoy) have the same problem with the displaced footer on your index page as well. Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 9, 2009 Author Report Share Posted November 9, 2009 why is the footer displaced on the index page? How would I use the floats to position the elements/containers? Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 9, 2009 Report Share Posted November 9, 2009 This is one way to do this: http://www.aandbwebdesign.com/misc/ohka.html The fine formatting isn't quite done, but I'm out of time - but the structure is in place. The first thing you may notice is THE DOCTYPE I've removed all the position absolute, gave the division names with meaning, floated the left-column and the right-column and cleared the footer which makes if fall underneath the 2 floated divisions no matter how much content you put in them. I have also resized the image so it's as big as you're displaying it. If you upload a large photo but display is smaller, you're wasting bandwidth. There's still some more clean-up to be done in the CSS, but as I said, I'm out of time. Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 9, 2009 Report Share Posted November 9, 2009 why is the footer displaced on the index page?And to answer that question - You placed the footer absolutely at 650px from the top, and that happens to run smack across your main content. Quote Link to comment Share on other sites More sharing options...
Andrea Posted November 11, 2009 Report Share Posted November 11, 2009 Tchoy, I see you added a doctype - but not correctly, yours is incomplete. Learn about doctypes here: http://www.w3schools.com/tags/tag_DOCTYPE.asp and chose the HTML 4.01 strict doctype. Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 11, 2009 Author Report Share Posted November 11, 2009 yes, i saw yours when i had looked it up on google, some didn't have it complete didn't post up the new html yet, thanks for the structure, may have some more questions if the photos don't work, but saw a forum for thumbnails Quote Link to comment Share on other sites More sharing options...
tchoy Posted November 12, 2009 Author Report Share Posted November 12, 2009 (edited) I used your code for all my pages so far and it's working. My only problem in this code is the h1 heading. It does not line up directly above Calendar of Events. Same code as all my other pages, but this one does not work. thought this did not work, but figured it out, the Calendar of Events needed to be moved over because the Events (h1) is centered and since it's shorter text than my other file's h1 heading, I thought it did not line up correctly. Edited November 12, 2009 by tchoy Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.