Forums

Having a problem with creating a 3 column page

Permalink
Can someone help! I am trying to create a 3 column page. The third column should have text that says "this is column 2" (I downloaded another theme that had three columns but I was having issues with getting the shading and it not having the columns at different sizing)

Here is the website:http://thefoodieplace.com/

Here is my code:
<?php
defined('C5_EXECUTE') or die(_("Access Denied."));
$this->inc('elements/header.php'); ?>
<?php  $pageTitle = $c->getCollectionName(); ?>
        <div id="content-wrapper">
        <div id="stripe"></div>
        <div id="main">
                <div id="content" class="right shadow-left">
                        <h1><?php  echo $pageTitle?></h1>
                        <?php   $a = new Area('Main'); $a->display($c); ?>
                        <br class="clr" />
                </div>
                <div id="sidebar" class="left">
                        <?php
                                $a = new Area('Sidebar');
Viewing 15 lines of 35 lines. View entire code block.


Any help would be greatly appreciated!
globalnerds
 
adajad replied on at Permalink Reply
adajad
You should only use an #id once per page (not twice as you do with #sidebar and #content). Also make sure your divs have a position relative to the parent and count your pixels. If the total number of pixels exceeds the parent width they will be moved down to fit inside the parent element.

Border, paddings and margins all adds to the total width/height.