fri3ndly Posted March 31, 2008 Share Posted March 31, 2008 I have run into an annoying problem while developing my layout for a new website. I was going to post on a css dedicated forum but they all take so long to reply whereas I know someone will help me out instantly here.....touch wood.... I have uploaded the index.php and style.css into a zip file attached here and would appreaciate any help. Basically, the footer will not stay stuck to the bottom, although I do not want it to have a fixed position. I need it so that whatever content is there it will always be at the bottom of the page and the menu column will always adjust to the size of the page too. You will see what I mean if you just subtract/add content and preview the page. Thanks! Quote Link to comment Share on other sites More sharing options...
Darren-K Posted March 31, 2008 Share Posted March 31, 2008 sorry mate, ive had a look and the page is all done in layers and i dont use layers so i realy dont know wha im doing with them,i use tables - using tables you could set the actual position of the footer more accurately, also is there a reason you are using php ? in the page you show theres nothing that realy needs to be in php,i ask because using php one needs to set up a testing server to view the page after each edit.,maybe standard html would do ? anyhow sorry i couldnt help. Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 Hi mate I use PHP for the development and test it using a server. The extension can simply just be changed from .php to .html It is done in layers to comply with W3C and as its a lot more simple to look at and for search engines. I used to do all my coding with tables but would never use them again. Learn to use pure CSS for layout. When a search engine reads your site it should just see standard headers, lists and paragraphs asI believe they find looking for data in tables a lot harder. No problem, thanks for looking Quote Link to comment Share on other sites More sharing options...
Pete Posted March 31, 2008 Share Posted March 31, 2008 I use tables - using tables you could set the actual position of the footer more accurately Kinda defeats the whole point of using CSS if you resort to tables. This book is good to learn. http://www.amazon.co.uk/CSS-Mastery-Advanced-Standards-Solutions/dp/1590596145/ref=pd_bbs_sr_1?ie=UTF8&s=books&qid=1206963469&sr=8-1 Quote Link to comment Share on other sites More sharing options...
lust2luv Posted March 31, 2008 Share Posted March 31, 2008 Haven't time to look into too much, but have you tried a "clear: both;" before the footer div? Quote Link to comment Share on other sites More sharing options...
Darren-K Posted March 31, 2008 Share Posted March 31, 2008 I see what the benefits are of using CSS,however using pure css for layout is dodgy as it realy relies on upto the minuite browsers,and as you know css has compatability issues across diff browsers,.also table based designs can be viewed by a larger audience. Quote Link to comment Share on other sites More sharing options...
lust2luv Posted March 31, 2008 Share Posted March 31, 2008 Looking at the code, why don't you just float the main menu left? Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 I see what the benefits are of using CSS,however using pure css for layout is dodgy as it realy relies on upto the minuite browsers,and as you know css has compatability issues across diff browsers,.also table based designs can be viewed by a larger audience. You can use CSS 'IF' statements to define what code to use for which browser. CSS is the way forward. Tables should only be used for tabular data Quote Link to comment Share on other sites More sharing options...
SupraShaun Posted March 31, 2008 Share Posted March 31, 2008 I dont see how table layouts can be viewed by a larger audience since CSS has been supported since IE4 Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 Haven't time to look into too much, but have you tried a "clear: both;" before the footer div? Hi There is one © Copyright 2008| Privacy Policy | Terms & Conditions Quote Link to comment Share on other sites More sharing options...
Pete Posted March 31, 2008 Share Posted March 31, 2008 using CSS,however using pure css for layout is dodgy . Nonsense. See: microsoft.com bbc.co.uk Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 Looking at the code, why don't you just float the main menu left? The menu floating to the left is not the issue. Its the footer which is not being sent to the bottom of the menu which is 100% height Quote Link to comment Share on other sites More sharing options...
Pete Posted March 31, 2008 Share Posted March 31, 2008 I dont see how table layouts can be viewed by a larger audience since CSS has been supported since IE4 Yeah...right. If you call that supported. Quote Link to comment Share on other sites More sharing options...
lust2luv Posted March 31, 2008 Share Posted March 31, 2008 The menu floating to the left is not the issue. Its the footer which is not being sent to the bottom of the menu which is 100% height Yeah, but if you float the menu the footer will move below it where you want it. You can't set the menu div to be the same height as the content div by giving it a 100% height in css. Quote Link to comment Share on other sites More sharing options...
SupraShaun Posted March 31, 2008 Share Posted March 31, 2008 fri3ndly its because you have position:absolute; on #main-menu. Take this and height 100% off (i assume your only doing this for the background colour). Then do the col one background as a 1px image repeating down the page on the wrapper, this would give the illusion that col one is 100%. Thats how i would do it Hope that makes sense Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 Yeah, but if you float the menu the footer will move below it where you want it. You can't set the menu div to be the same height as the content div by giving it a 100% height in css. Well the menu has a 100% height and it works fine until there is many paragraphs. Thats not the major issue. I have floated the menu left and cleared it above the footer but it still does not appear to be working Thanks for you help matey Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 fri3ndly its because you have position:absolute; on #main-menu. Take this and height 100% off (i assume your only doing this for the background colour). Then do the col one background as a 1px image repeating down the page on the wrapper, this would give the illusion that col one is 100%. Thats how i would do it Hope that makes sense Hi mate The height needs to be 100% because there will be a lot of content varying in height on every page. The position absoulte needs to be set to have the 100% height otherwise the content all displays below the menu Quote Link to comment Share on other sites More sharing options...
Darren-K Posted March 31, 2008 Share Posted March 31, 2008 Nonsense. See: microsoft.com bbc.co.uk I dont see how table layouts can be viewed by a larger audience since CSS has been supported since IE4 Well ive known about big dffernces between the way Firefox and IE handles CSS for ages, an easy example is transparencies ? I think its all down to choice and taste i have my sites scanned and tested and rarely do i have errors or problems. anyhow,. an interesting read - http://dwank.blogspot.com/2007/11/web-design-with-tables-or-css-whats.html Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 Well ive known about big dffernces between the way Firefox and IE handles CSS for ages, an easy example is transparencies ? I think its all down to choice and taste i have my sites scanned and tested and rarely do i have errors or problems. anyhow,. an interesting read - http://dwank.blogspot.com/2007/11/web-design-with-tables-or-css-whats.html There is a simple PNG fix javascript for that. Yep its all down to choice, but tables is very very old school! Quote Link to comment Share on other sites More sharing options...
Pete Posted March 31, 2008 Share Posted March 31, 2008 Well ive known about big dffernces between the way Firefox and IE handles CSS for ages, an easy example is transparencies ? Bane of our lives. You have to put browser detection in and override your CSS tags. Nightmare. Roll on IE8. Don't talk to me about transparencies at the moment. IE6 doesn't support transparent PNG so watch that fix also. Quote Link to comment Share on other sites More sharing options...
Darren-K Posted March 31, 2008 Share Posted March 31, 2008 Nonsense. See: microsoft.com bbc.co.uk Pete im not having a go fella,but ive checked bbc.co.uk and its full of tables ? on there home page alone i found 11 tables used to hold certain images etc am i getting the wrong end of the stick here or what ? i am quite old Quote Link to comment Share on other sites More sharing options...
Darren-K Posted March 31, 2008 Share Posted March 31, 2008 There is a simple PNG fix javascript for that. Yep its all down to choice, but tables is very very old school! im not refering to PNG`s,im refering to transparencies in css, In firefox they dont work,. or at leas didnt work for years. Quote Link to comment Share on other sites More sharing options...
Pete Posted March 31, 2008 Share Posted March 31, 2008 Pete im not having a go fella,but ive checked bbc.co.uk and its full of tables ? on there home page alone i found 11 tables used to hold certain images etc am i getting the wrong end of the stick here or what ? i am quite old Interesting. Their new home page had two small tables and the rest CSS when I viewed it in FF2 just. I wonder if they're doing detection? Quote Link to comment Share on other sites More sharing options...
Pete Posted March 31, 2008 Share Posted March 31, 2008 I'm testing using Web Developer tool bar in FF and disabling the CSS layout and highlighting table elements. Quote Link to comment Share on other sites More sharing options...
fri3ndly Posted March 31, 2008 Author Share Posted March 31, 2008 I had a looked and it was all CSS apart from a few tables that contained data eg. Weather and TV listings 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.