HTML Help

thompsma · Joined: 26 Sep 2008 Posts: 11

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: 1283

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

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: 1283

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">

</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

Awesome!! Learned a lot here. I'm fixing up some of my positioning as I go along.