Hi. I am attempting to create a page with a header and footer and 2 columns. The navigation column on the left should be static, while the right one will be fluid, accoring to the size of the screen or window. Simple enough to do, but for SEO reasons, I need the right column source code to appear before the left column. So essentially the right column is actually the first column. I can do this if both colum,ns are fluid, or both static, but not when mixed. Below is the closest I have managed to get, but ass soon as you lower the width of the screen, it of course goes all wrong. Has anybody done anything like this before?
Thanks,
Dan
----------------------------------------
Knowing is not enough, we must apply. Willing is not enough, we must do.
--So said the ever wise Bruce Lee
Memorize and live by it!
Thanks,
Dan
Code:
<html>
<head>
<style type="text/css">
<!--
.container {
float: left;
clear: both;
width: 100%;
}
.rightcol {
background-color: #FFCCCC;
float: right;
width: 100%;
}
.leftcol {
background-color: #0099CC;
width: 170px;
float: left;
}
.header {
background-color: #000000;
color: #FFFFFF;
}
.footer {
background-color: #666666;
clear: left;
}
body {
min-width: 350px;
}
-->
</style>
</head>
<body>
<div class="header">
This is my header
</div>
<div class="container">
<div class="rightcol">
<div class="leftcol">
This is column 2 on the left.<br />
This will contain the menu.<br />
This needs to be static
</div>
This is column 1 on the right which will contain the main content of the page.
This should appear higher in the source code than the menu due to SEO reasons.
</div>
</div> <!--END Container-->
<div class="footer">
This is my footer
</div>
</body>
</html>----------------------------------------
Knowing is not enough, we must apply. Willing is not enough, we must do.
--So said the ever wise Bruce Lee
Memorize and live by it!
