Re: [css-d] Footer Issues
From: sta...@aol.com
I'm also, having a hard time getting my footer to work.
http://doodlebugstudio.com/diadem_hq_site/web/competition.html
http://doodlebugstudio.com/diadem_hq_site/web/css/diadem_sub.css
Assuming you want the footer at the bottom under the center content instead of
under the navigation, remove the - height: 100% - from your - #center_container
selector.
#center_container {
position: relative;
background-color: #e6e6e6;
background-repeat: repeat-x;
margin-left: 210px;
margin-top:0px;
width: 742px;
padding-top: 0px;
/*height: 100%;*/ /* remove this */
}
Or you can use the code that Mustafa provided, as I didn't check the IE7 header
issue.
~holly
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footer Issues
Hi - I'm trying to do a very simple CSS site, but when checking my site in IE 7, my navigation is missing. It's showing in all other browsers except for IE. I'm also, having a hard time getting my footer to work. My page can be viewed here: http://doodlebugstudio.com/diadem_hq_site/web/competition.html CSS can be viewed here: http://doodlebugstudio.com/diadem_hq_site/web/css/diadem_sub.css Any suggestions on how to fix would be greatly appreciated. Thanks. Stacy __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
2009/1/23 sta...@aol.com: Hi - I'm trying to do a very simple CSS site, but when checking my site in IE 7, my navigation is missing. It's showing in all other browsers except for IE. When I look at your page in FF and test it with a plug-in called Tidy. Who is showing 8 warnings: Line 4 - 8 meta element not closed, maybe not important, but Line 11 link not closed Line 16 empty span , emty h2 Maybe it's line 16, causing the your trouble. Maybe the experts have another view ;) -- Regards / Mhv. Ib K. jensen - http://ikjensen.dk __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
2009/1/23 sta...@aol.com: Hi - I'm trying to do a very simple CSS site, but when checking my site in IE 7, my navigation is missing. It's showing in all other browsers except for IE. ..snip Hi Stacy, I haven't checked in IE7 but your page breaks in FF3/Win too. I see some unnecessary div's there. For example: div id=nav ul li/li .. /ul /div could just be written as: ul id=nav ul li/li /ul I've also removed height:100% and a lot of code I thought was unnecessary. For example, the background: transparent on all the links, and background-repeat: repeat-x for repeating colors? Anyway: Here is the new mark-up: http://pastie.org/369427 the CSS: http://pastie.org/369424 This works in IE6, FF3, Opera 9, Safari 3 on Windows XP machine. It should work on IE7 too. Regards - Mustafa Quilon __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
Oops, here's the mark-up link again: http://pastie.org/369427 - Mustafa Quilon __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
Hi Zoe, Though it broke in FF I've managed to sort it, many thanks. Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
Tim (The Site Doctor) wrote: I'm trying to be clever (and failing), basically I would like the footer of the page to be below everything else, its fine with a small number of products but as they grow it miss places. Can you please post a page with more products that actually exhibits the problem? It's much easier to debug pages that have problems, rather than ones that don't. :-) http://www.thesitedoctor.co.uk/mm/CSSTests.htm Zoe -- Zoe M. Gillenwater Design Services Manager UNC Highway Safety Research Center http://www.hsrc.unc.edu __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
Hi Zoe, Thanks for your help but this page is the one that now shows it, I've sorted the footer issue with exception to IE on the PC when there's only a few products and you will see it appears below the right hand column. Firefox however is fine. The other issue is the top menu (Home | Example...) in IE on the PC where a small white border is added (about 3px I think). Any ideas are appreciated. Tim Link again: http://www.thesitedoctor.co.uk/mm/CSSTests.htm __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Footer Issues
From: Tim \(The Site Doctor\) [EMAIL PROTECTED]
IE on the PC when there's only a few
products and you will see it appears below the right hand column.
The other issue is the top menu (Home | Example...) in IE on the PC where a
small white border is added (about 3px I think).
http://www.thesitedoctor.co.uk/mm/CSSTests.htm
Add:
#content {margin-right: -3px;}
#topMenu {float: left;}
~holly
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footer Issues
Hi! I'm trying to be clever (and failing), basically I would like the footer of the page to be below everything else, its fine with a small number of products but as they grow it miss places. I would appreciate any ideas of correcting this. Oh and if anyone can spot what I've done to cause a 3px white gap on the left of the menu at the top in IE you get extra brownie points :D http://www.thesitedoctor.co.uk/mm/CSSTests.htm TIA Tim __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Footer issues...
I am trying to make a footer that is automatically adjusting, i think because i created a background image to repeat inside a div tag that has height of 100% then, the website isn't allowing the footer image to show because on some browsers it is cutting it off. Is that the right assumption? Site: http://boelts-stratford.com/proxy/ Css: http://boelts-stratford.com/proxy/style.css __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
