css layout problem

[map200uk]

hi

 

i cant seem to manage to make my layout work how i want,

 

i have included a screenshot,

 

i want to have the copyright © Mark (me) at the VERY bottom of the page

 

 

and the YMMS beta 1.0 div which i guess could be called 'news' to be under the content div but above the footer

 

 

 

the content div is named 'content'  the right menu with the playlist is called navBeta  and footer, appropriately named footer

 

 

 

ive changed my css a bit, and it seems to work on some pages where i call the css, but not others

 

(including pages using php includes)

 

body {
color:#333;
background-color:white;
margin:20px;
padding:0px;
font:11px verdana, arial, helvetica, sans-serif;
}
h1 {
margin:0px 0px 15px 0px;
padding:0px;
font-size:28px;
font-weight:900;
color:#ccc;
}
h2 {
font:bold 12px/14px verdana, arial, helvetica, sans-serif;
margin:0px 0px 5px 0px;
padding:0px;
}
p {
font:11px/20px verdana, arial, helvetica, sans-serif;
margin:0px 0px 16px 0px;
padding:0px;
}
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}

a {
color:#09c;
font-size:11px;
font-family:verdana, arial, helvetica, sans-serif;
font-weight:600;
text-decoration:none;
}
a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {background-color:#eee;}
  


.content {
position:relative; 
width:auto;
min-width:120px;
margin:0px 210px 20px 170px;
border:1px solid black;
background-color:white;
padding:10px;
z-index:3; 
}

.footer {


position:fixed;
width:auto;
bottom:0;
min-width:120px;
margin:0px 210px 20px 170px;
border:1px solid black;
background-color:white;
padding:10px;
z-index:3; 
}
#navAlpha {
position:fixed ;
width:150px;
top:20px;
left:0;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:2;


voice-family: "\"}\"";
voice-family:inherit;
width:128px;
}


#navBeta {
position:absolute;
width:190px;
top:20px;
right:20px;
border:1px dashed black;
background-color:#eee;
padding:10px;
z-index:1;

voice-family: "\"}\"";
voice-family:inherit;
width:168px;
}

#search legend {
display:none;
}
#search label{
font:90% Arial, Helvetica, sans-serif;
}
#search fieldset {
border:none;
margin:0;
padding:0;
float: right; 
}
#sfield {
background:#e5e6ee;
border:1px solid #cccccc;
font: 0.9em Arial, Helvetica, sans-serif;
padding:2px;
width:130px
}
#sfield:focus, #sfield.fieldfocus {
background:#ff99cc;
}
#sbutton {
font:0.9em Arial, Helvetica, sans-serif;
border:1px solid #ece9d8;
color:#fff;
padding:1px 3px;
background-color:#999;
margin-left:3px
}
#search form {
float:left;
padding: 0px 0px 5px 5px;
}

 

 

all i want is simply the right menu/left menu as they are, the content in the middle, and the footer at the bottom

 

would it be a better idea to make a container layer which all of them are within? altho this caused issues when i tried it

 

 

thanks

 

map

[unidox]

Make a require if its php, then if its a header use:

 

getHeader();

 

of coarse you have to define the get header function in the require.

[obsidian]

Make a require if its php, then if its a header use:

 

getHeader();

 

of coarse you have to define the get header function in the require.

 

What???

 

map200uk, when you hit one of the pages and do a hard refresh (Ctrl + F5), does the new style sheet appear? Styles are often cached, and you have to make sure you have the newest copy of the file loaded to see all the changes reflected. Also, do you have any inline styles or embedded styles within those pages that may be overwriting a portion of the included stylesheet?

[bronzemonkey]

In order to help you, you need to provide a few more details

 

- Post the html markup for the page.

- Do you want the left "menu" and footer to be fixed in the browser window?

- Do you want the right "menu" to be inside the .content div but not covering up other things?

 

And yes, you will need a container div of some kind. Hopefully we can help if you give a few more details 

 

 

[unidox]

Also, is this a php or html based website?