Rounded Corners/title>
<link rel="stylesheet" type="text/css" href="curved.css" />
<link rel="stylesheet" type="text/css" href="niftyCorners.css">
<link rel="stylesheet" type="text/css" href="niftyPrint.css" media="print">
<script type="text/javascript"
src="scripts/styleswitcher.js"></script>
<script type="text/javascript" src="scripts/niftycube.js"></script>
<script type="text/javascript">
window.onload=function(){
<!-- Nifty("div#content,div#leftnav","big");-->
Nifty("div#content,div#leftnav","same-height");
}
</script>
</head>
<body>
<!-- Default wrapper, setter pagewidth --><div id="wrapper">
<div id="header">
<h2 align="center">Equal Height Columns</h2>
</div>
<!-- Her starter maincontent --> <div id="content">
<div id="incontent"> <h2>Visually Decived</h2>
<p>
In this page I have manage to make to layout appear to look excactly like I was aming to. Do not be fooled. It is done by javascript. I have also added a trick in the css, I changed the background color in wrappper + ws to match the body. That way it appears that things are lined up correctly. If you look at these links:
<p><a href="http://mytestserver.50megs.com/2ColEqHeight.html" title="First page">Mainpage</a></p>
<p><a href="http://mytestserver.50megs.com/new.html" title="Changes made">Second page</a></p> you will see that the footer is still actually not all the way to the bottom, but now you can't see it.
If you look at both the Jave script handles the rounded corners and the equal-length of the two blue columns. So I have broken my initial goa to keep layout strictly Css. Hence I must overcome these problems and move back to pure css.</p>
<p>
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
</p> <!-- End of incontent --> </div>
<!-- End of Content--></div>
<!-- Start left nav --><div id="leftnav">
<div id="inleftnav">
<!-- Start Menu --><div id="navcontainer">
<ul id="navlist">
<li id="active"><a title="This is Markup as when first posted" href="http://mytestserver.50megs.com/2ColEqHeight.html">Original Markup</a></li>
<li><a title="Markup and css after tips on forum" href="http://mytestserver.50megs.com/new.html">Css Changed</a></li>
<li><a title="New styles sheet added" href="http://mytestserver.50megs.com/curved.html">Curved</a></li>
<li><a title="New styles sheet added" href="http://mytestserver.50megs.com/curved_long.html">Long TxT</a></li>
<li><a title="New styles sheet added" href="http://mytestserver.50megs.com/long.html">Long txt incorrect</a></li>
<li><a title="New styles sheet added" href="http://mytestserver.50megs.com/hugo.html">Corrected</a></li>
<li><a title="New styles sheet added" href="http://mytestserver.50megs.com/noborders.html">No Borders</a></li>
<li><a title="New styles sheet added" href="http://mytestserver.50megs.com/nomenu.html">No Menu</a></li>
</ul>
<!--End Menu-->
</div>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut.</p>
<p>.</p>
<p> </p>
<p> </p>
<!-- End inleft nav --> </div>
<!-- End of leftnav --></div>
<div id="footer">
<!-- This Div is for making a 4px whitespace above Footer so it matches the space between the rest of the divs! --> <div id="ws"></div>
<p><a href="http://www.fu2k.org/dev/null" title="Dummy link to test that link works OK">Footer text</a></p>
</div>
<!-- Slutt på default wrapper --></div>
</body>
</html>
<!-- PrintTracker Insertion Begin -->
<script src="/fs_img/js/pt.js" type="text/javascript"></script>
<!-- PrintTracker Insertion Complete -->
<!-- Google Analytics Insertion Begin -->
<script type="text/javascript">
<!--
var _gaq = _gaq || [];
_gaq.push(['_setAccount', "UA-4601892-4"]);
_gaq.push(['_setDomainName', 'none']);
_gaq.push(['_setAllowLinker', true]);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
-->
</script>
<!-- Google Analytics Insertion Complete -->
