Page 1 of 1

help needed...I'm stumped :-(

Posted: Sat May 14, 2005 11:44 pm
by peram
Hi.

I'm trying to transfer a site to CMSimple and is having HUGE problems gettings things the way I would like.  First some background.  The layout of the site is basically built with a table structure like this : (http://www.ostensjojanitsjar.no is the current implementation)


  +-+------------------------------+---+
  |  |            logo            |    |
  +-+------------------------------+---+
  |  | menuline                |  |
  +---------------------------------+- +
  |  | Background picture  |  |
  |  |                              | |
  |  |                              | |
  +----------------------------------+--+
  |    footer                      |  |
  +--------------------------------------+

I thought I got the template right but on every page the content is rendered *at the top of the page* and I can't figure out why.  For an example of what happens check this site (http://www.ostensjojanitsjar.no:8888/cms/  The template used is here :

Code: Select all

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<__html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>CMS Made Simple Default Site - {title}</title>
{stylesheet}
</head>

</__body>
<table cellspacing="0" cellpadding="0" class="main" border="2">
    <!-- Chess piece + banner + chess piece -->
    <tr>
        <td class="spacer"></td>
        <td align="center"><a href="/index.html"><img src="/images/logo_burgunder_transparng.gif" alt="ØJ LOGO" border="0" align=center></a></td>
        <td class="spacer"></td>
    </tr>

    <!-- Chess piece + main menu + chess piece -->
    <tr>
        <!-- Left chess piece -->
        <td class="border"></td>
        <!-- Main menu -->
        <td class="border">{cms_module module='phplayers' horizontal="1"}</TD>
        <!-- Right chess piece -->
        <td class="border"></td>
    </tr>
    <!-- Left border + dynamic content + right border -->
    <tr>
        <td class="border"></td>
        <div class="border">{content}</div>
        <td class="border"></td>
    </tr>
    <!-- Before Footer -->
    <tr><td colspan="3" class="footer"><div align="center">Copyright © 2004 - 2005 Østensjø Janitsjar, PB 129 Oppsal, 0619 Oslo </div></td></tr>
</table>
<__body>
</__html> 
I convinced that I'm doing something stupid.

peram

Re: help needed...I'm stumped :-(

Posted: Sun May 15, 2005 2:52 am
by Ted
Easy one.  Your {content} is inside a div.  That div, however, is not inside a tr/td of the table you're trying to put it in.  Generally browsers will take any content "not in" the table and render it before it renders the table.  Put that in a somewhere and you should be set.

(and I won't share my thoughts on table based layout.  ;) )