Thread: CSS Gurus
View Single Post
Old 2006-05-20, 11:51 PM   #8
RawAlex
Took the hint.
 
Join Date: Mar 2003
Posts: 5,597
Send a message via AIM to RawAlex
SirMoby, say you want three colums: 150,400, and 150, example.

Define three sets - one starts at 10 / 150 wide, one that starts at 170400 wide and one that starts and 580 and is 150 wide. Now you can put the sections in any order you want in the code, because you hard code the same starting vertical point for each one. Position absolute is the key.

PHP Code:
<style type="text/css">
<!--
.
left {
    
width150px;
    
left10px;
    
top1px;
    
positionabsolute;
}
.
middle {
    
width400px;
    
left170px;
    
top1px;
    
positionabsolute;
}
.
right {
    
width150px;
    
left580px;
    
top1px;
    
positionabsolute;
}
-->
</
style>
</
head>

<
body>
<
div class="middle">
  <
div align="center">This is the middle</div>
</
div>
<
div class="left">
  <
div align="center">this is the left</div>
</
div>
<
div class="right">
  <
div align="center">this is the right</div>
</
div
That is a basic way to do it, there is more but that is a very basic way to make a page have three hard sized columns and have your middle column be first

Alex
RawAlex is offline   Reply With Quote