RiGGa wrote:
> Hi,
> I am new to web design and have been reading up on positioning with DIVs
> and CSS to do away with tables in the design of my pages. What I would
> like to achieve is have a 3 column page broke down as follows:
> Left div = Nav
> Center div = Content
> Right div = News
> When a link is selected from the Nav column say for example 'Screenshots'
> I want to pass the value Screenshots to my php script which will then
> load the page called screenshots.html in to the Content div, much the
> same way I guess if you were using tables.
> Is this possible using Divs? is it a good way of doing it or should I
> stick to tables for dynamic sites????
> You advice is appreciated
> riGGa
<style type="text/css">
..box1 { width:100px; height:100px; border:solid black; background:white;
float:left; }
..box2 { width:100px; height:100px; border:solid black; background:white;
float:left; }
..box3 { width:100px; height:100px; border:solid black; background:white;
float:nonel;}
</style>
<body>
<div class="box1">left</div>
<div class="box2">center</div>
<div class="box3">right</div>
<div class="box1">left</div>
<div class="box2">center</div>
<div class="box3">right</div>
</body>
"float:left" displays the next division to the right of the first one and is
the key to side by side divisions.
"float:none" ends the "float".
What you will see are 3 divisions side by side of eqaul proportions each
with a white hackground and a black border.
For some reason, my test on my editor shows a gap between the center and
right division.<!-- ~MESSAGE_AFTER~ -->
>> Stay informed about: Is this possible with DIVs? 
FAQ
Profile
Private Messages
Log in
<!-- ~MESSAGE_AFTER~ -->