 |
|
|
| View previous topic :: View next topic |
| Author |
Message |
thompsma
Joined: 26 Sep 2008
Posts: 11
|
 Posted: Fri Sep 26, 2008 7:27 pm CSS fixed sidebar header works in mozilla, not in IE < 6 |
 |
|
|
Hello,
I'm working on a website:
http://www.namos.ca/
Works well in Mozilla, but not in IE < 6 - I can't figure out why.
Please help. |
|
sticks464
Joined: 31 Dec 2006
Posts: 1284
|
| Posted: Fri Sep 26, 2008 8:45 pm |
|
|
|
You would be well of looking here http://www.cssplay.co.uk/layouts/frame.html.
The size of your images are killing the layout and having the browser resize them is not good. You don't have to use tables at all with the layout and would have less markup without them. |
|
thompsma
Joined: 26 Sep 2008
Posts: 11
|
| Posted: Mon Sep 29, 2008 8:48 am Thanks sticks464 - still one problem remains |
|
|
|
Thanks for the reply! The Stu Nicholls page was great and it helped me to get my page working a lot better. It is now working in Explorer 7 and Mozilla, but it still will not work in Explorer 6 or less - yet Stu Nicholls page does.
I fixed my header images so that they are saved at the same size as I would like them to appear in the page and got rid of the table.
Otherwise I just can't get this to work in earlier versions of Explorer and need to resolve this problem soon.
Thanks!! |
|
sticks464
Joined: 31 Dec 2006
Posts: 1284
|
| Posted: Mon Sep 29, 2008 1:08 pm |
|
|
|
This will work in IE6
CSS
| Code: |
/*************************************************************
GLOBAL STYLES
*************************************************************/
/* commented backslash hack v2 \*/
* html {overflow:hidden;}
/* end of hack */
body {background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 80%; height: 100%; line-height: 200%;}
* html body {overflow-y:scroll;}
#header {position:fixed; display:block; margin-left: 25px; z-index:20;}
* html #header {position:absolute;}
#logo {position:absolute; display:block; top:50px; left:50px; width:125px; height:70px; z-index:20;}
/** html #logo {position:absolute;}*/
#title {position:absolute; display:block; top:0px; left:325px; width:650px; height:60px; z-index:20;}
/** html #title {position:absolute;}*/
#sidebar {position: fixed; font-size: 80%; font-weight: bold; top:130px; left:50px; width:300px; z-index:20;}
* html #sidebar {position:absolute;}
#content {position:relative; display:block; overflow:hidden; z-index:10;}
/*******************************************************************
CONTENT STYLES
*******************************************************************/
#sidebar a {padding-top: 10px; display: block;}
.text h1 {color: goldenrod; font-size: large; text-align: center;}
.frog {width: 200px; margin: 0 auto;;}
h3 {color: #7F5217; font-size: medium;}
ul {color: black; margin-left: 25px; font-size: smaller;}
ol {color: black; margin-left: 25px}
p {margin-left: 2px;}
a:link {text-decoration: none; font-weight: bold; color: #302217;}
a:visited {text-decoration: none; font-weight: bold; color: #302217;}
a:hover {color: goldenrod;}
a:active {text-decoration: none; font-weight: bold; color: #302217; }
.poplink {padding-top: 120px;}
.text {display:block; padding:0px 10px 0px 100px; width:48%; margin-left:250px; text-align:justify; float:left; color:#000;}
.text {width/* */:/**/48%;
width: /**/48%;}
#pad {display:block; height:110px;}
#links {color: black; font-size: small;} |
html
| Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>NAMOS BC (Northern Amphibian Monitoring Outpost Society)</title>
<meta name="Author" content="Mark Thompson" />
<meta name="Keywords" content="non-profit, amphibians, namos, namos bc, ecological services, extinction, conservation, monitoring, Central Interior, education, public outreach, science, ecosystems, strategic conservation planning, community planning, British Columbia" />
<meta name="Description" content="NAMOS BC is a registered non-profit society that monitors amphibians of the Central Interior of British Columbia. We are responding to the global amphibian extinction crisis by researching populations, hosting education trips to amphibian ponds, and involving the larger community to monitor the wealth of amphibians in the Central Interior of British Columbia." />
<link rel="stylesheet" type="text/css" href="namos.css" />
<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body>
<div id="header">
<div id="logo">
<a href="http://www.namos.ca/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('linker6','','NAMOSBC3.gif',1);MM_displayStatusMsg('Papers');return document.MM_returnValue"><font size="+1"><img name="linker6" border="0" src="NAMOSBC2.gif" height=70 align="absmiddle" title="" alt="" /></a>
</div>
<div id="title">
<img src="header2_namos.jpg" border="0" title="" alt=""/>
</div>
</div>
<div id="sidebar">
<a href="NAMOS_amphibs_ci.htm">AMPHIBIANS OF THE CENTRAL INTERIOR</a>
<a href="NAMOS_about.htm">OUR CONSTITUTION</a>
<a href="NAMOS_board.htm">BOARD OF DIRECTORS</a>
<a href="NAMOS_outreach.htm">EDUCATION & PUBLIC OUTREACH</a>
<a href="NAMOS_conservation.htm">CONSERVATION SCIENCE</a>
<a href="NAMOS_network.htm">NETWORK AND LINKS</a>
<a href="contactus.htm">CONTACT US</a>
<a href="index.htm">NAMOS BC HOME</a>
</div>
<div id="content">
<div id="pad"></div>
<div class="text">
<h1>Helping communities conserve amphibians!</h1>
<p class="frog"><a href="http://www.namos.ca/" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('linker7','','NAMOSBC3_wink.jpg',1);MM_displayStatusMsg('Papers');return document.MM_returnValue"><font size="+1"><img name="linker7" border="0" src="NAMOSBC3.jpg" width="200" alt="" title="" /></a></p>
<p>NAMOS BC is a registered non-profit society that monitors amphibians of the Central Interior of British Columbia. We are responding to the global amphibian extinction crisis. In 2004 the <a href="http://www.globalamphibians.org/">Global Amphibian Assessment</a> reported that 32% of all amphibian species are threatened with extinction. Amphibians are leading the extinction crisis, followed by 23% of all mammals and 12% of birds. Rates of current amphibian species extinction exceed 200X that of the background rate measured in the fossil record. Population level diversity is disappearing at 10X this rate. Hence, this issue is not only addressed through the loss of species diversity, but the loss of local populations greatly reduces the supply of ecological services to society.</P>
<p>The IUCN Species Survival Commission has since published <a href="http://amphibiaweb.org/declines/acap.pdf">Amphibian Conservation Action Plan</a>. The plan calls for an international response. The purpose of NAMOS BC is to implement a systematic conservation plan that is based upon scientific research and to educate on amphibian ecology as a supporting infrastructure in natural resource based communities of the Central Interior of BC.</P>
<P>Research, education, and public outreach are three domains included in the mandate of NAMOS BC's constitution and strategic plan. Ecology is the foundation of our research as we map distributions, population sizes, migration patterns, and breeding behaviors in relation to health, genetics, habitat and land practice. Our education program targets various age groups as we; teach, hire and mentor biology students at the University of Northern British Columbia; develop age-suited curricula about amphibian ecology; design information pamphlets or signs about amphibians in city parks; and host information booths where people can read about amphibians and learn how to report sightings. Strategic planning requires that NAMOS BC coordinate data sharing and other services to a network of individuals ranging from local volunteers to First Nations, government, universities, industry, and other non-profit organizations. Public outreach is in NAMOS BC's mandate as we strive to conserve amphibians that are keystone elements sustaining the forestry based resource economy of British Columbia.</P>
<div id="pad"></div>
</div>
</div>
</body></html> |
|
|
thompsma
Joined: 26 Sep 2008
Posts: 11
|
| Posted: Mon Sep 29, 2008 4:10 pm Thank you!! |
|
|
|
| Awesome!! Learned a lot here. I'm fixing up some of my positioning as I go along. |
|
|
|
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
|
|
|
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
