Hi indexhibitors,
I'm stuck I have read all the css info and recomended a lot of the W3 schools website too.
Does anyone know why my css for my footer and footerwrapper won't work? I am trying to fix the black box to the bottom of the page and float the words about contact over the top of it.
With thanks.
Example page felixfeely/logo
html:
sorry my html is:
<!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>        <!-- I suggest modifying these to suit your needs. Add your own content. -->        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>        <meta http-equiv="content-language" content="en" />        <meta http-equiv="imagetoolbar" content="no" />        <meta name="robots" content="follow" />        <meta name="rating" content="general" />        <meta name="author" content="<% obj_name %>" />        <meta name="Copyright" content="Copyright © <? echo date'Y' ?> <% obj_name %>." />        <meta name="description" content="" />        <meta name="keywords" content="" />//
$("body").css( "overflow" , "hidden" ); // this will remove the scrollbars from the body...
$("#content").draggable({}); // and this makes the content div draggable. If you don't want the opacity to change just remove everything between { ... }
and css:
/**
* CSS
*
* @version Down Quark 1.0
* @author Derek Kinsman // Unttld
*/
* {
margin: 0;
padding: 0;
}
html {
font-size: 100%;
}
body {
background: #fff;
color: #231f20;
font: 0.625em/1em 'helvetica neue', helvetica, arial, sans-serif;
}
body.section-1 { }
body.section-2 { }
body.section-3 { }
a { font-style: normal !important; outline: none; }
a:link { color: #ec008c; text-decoration: none; }
a:active { color: #ec008c; text-decoration: underline; }
a:visited { color: #ec008c; text-decoration: none; }
a:hover { color: #ec008c; text-decoration: underline; }
a img { border: none; }
p, ul {
font-size: 1em;
}
h1 { font-size: 1.8em; font-weight: bold; }
h2 { font-size: 1.6em; font-weight: bold; }
h3 { font-size: 1.4em; font-weight: normal; }
h4 { font-size: 1.2em; font-weight: normal; }
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-style: italic; }
span.header {
font-size: 2em;
font-weight: bold;
line-height: 1em;
}
#menu {
background-image: url(../_img/menu_bkgd.png);
height: 400px;
left: 10px;
margin: 66px 11px 0 0;
overflow: auto;
padding: 10px 0 0 0;
position: fixed;
top: 10px;
width: 145px;
z-index: 9999;
}
#menu ul {
font-style: italic;
list-style: none;
margin: 0 0 10px 0;
}
#menu ul li { text-transform: lowercase; }
#menu ul li.section-title { text-transform: uppercase; }
#content {
margin: 76px 58px 45px 76px;
z-index: 1;
}
#content img {
border: 1px solid #231f20;
cursor: move;
}
#content p {
cursor: move;
margin-bottom: 10px;
width: 300px;
}
#once { clear: left; }
#footer {
height: 40px
position: absolute; bottom: 0;
z-index: 9999;
}
#footerwrapper {
position: relative;
}
oops - I apologise - wrong forum.
Please do not double post.
It's not useful for others searching this forum...
I came up with a solution and then I realised: you don't have a link back to this site!!!
Cmon' man... please read the forum rules!
Oh my goodness now I see what you mean! Still trying to learn the ropes so originally deleted pre and post nav to see what happened to the page- apologies.
I have just tried this css (below)and html from here, it has moved the footer but it seems to be sitting behind the background image at the top of the page. Hmmm?
* {    margin: 0;}html, body {    height: 100%;}.wrapper {    min-height: 100%;    height: auto !important;    height: 100%;    margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */}.footer, .push {    height: 142px; /* .push must be the same height as .footer */}You need to be logged in to post.