so*****@excite.it napisaĆ(a):
hi all,
sorry I realize the topic is well known, anyway is there a way without
using javascript to have a footer always under a 3 column layout with
Absolute Positioning ?
I don' t want to use float 'cause I want to organize content in a
better order for accessibility
and search engine optimization ( content first )
I know it isn't the answer for your question, but it may be
a solution for your problem. If one additional <div> won't
make you feel bad you can create layout with content first
using floats:
<body>
<div id="wrapper">
<div id="content">
content here.
</div>
<div id="sidebarOne">
sidebar one.
</div>
</div>
<div id="sidebarTwo">
sidebar 2
</div>
<div id="footer"> footer </div>
</body>
CSS for sidebar1 | content | sidebar2:
#content { float:right; width: 66%; }
#sidebarOne { float:left; width: 33%; }
#sidebarTwo { float: right; width:33%; }
#wrapper { float:left; width:66%; }
#footer { clear:both; }
CSS for sidebar2 | content | sidebar1:
#content { float:left; width: 66%; }
#sidebarOne { float:right; width: 33%; }
#sidebarTwo { float: left; width:33%; }
#wrapper { float:right; width:66%; }
#footer { clear:both; }
You can make easily:
sb2 | sb1 | content
and
content | sb1 | sb2
You'd need reorder the code (or use absolute values) to
create sb1 | sb2 | content or content | sb2 | sb1.