Template troubles

Collapse
X
Collapse
 
  • Page of 1
  • Time
  • Show
Clear All
new posts
Previous template Next
  • pierguy
    Senior Member
    • May 2003
    • 129
    • 4.1.x
    #1

    Template troubles

    My basic template for static pages is very simple. It's all based on css and div's. There are no tables.

    I have wrapped the first part of my template around the stuff in the header, and I wrapped the last part at the end of the footer. I put my stylesheets in the headinclude field
    <link rel="stylesheet" type="text/css" href="http://pierandsurf.com/css/layout.css" />
    <link rel="stylesheet" type="text/css" href="http://pierandsurf.com/css/nav.css" />

    Problem is, the content area gets pushed all the way down until after the lefthand nav has ended.

    Here's a screenshot: http://pierandsurf.com/temp/template.html

    The regular static pages work fine: http://pierandsurf.com/faq/articles/ . So what is going wrong?
    Tags: None
    • Jake Bunce
      Senior Member
      • Dec 2000
      • 46598
      • 3.6.x
      #2
      You need to vertically align the contents of the div.

      I am having trouble coming up with working code to do this. If no one else here knows how then I recommend you post on www.vbulletintemplates.com for help with this.

        Comment

        • pierguy
          Senior Member
          • May 2003
          • 129
          • 4.1.x
          #3
          I haven't vertically aligned the divs in my static pages...why would I need to here?

          Does anyone know how I'd alter the <div> tag in my content area? What's the syntax? Here's my basic template. Refer to the css contained within if you need more:

          <html>
          <head>
          <title> </title>
          <link rel="stylesheet" type="text/css" href="http://pierandsurf.com/css/layout.css" />
          <link rel="stylesheet" type="text/css" href="http://pierandsurf.com/css/nav.css" />
          </head>
          <body>

          <div id="header">
          <!--#include virtual="/includes/hed.txt"-->
          </div>

          <div id="content">

          <div id="left-column">
          <!--#include virtual="/includes/nav.txt"-->
          </div>

          <div id="right-column">
          <!--#include virtual="/includes/rhcol.txt"-->
          </div>

          <div id="center-column">
          CONTENT HERE
          </div>
          </div>

          <div id="footer">
          <!--#include virtual="/includes/footer.txt"-->
          </div>

          </body>
          </html>

          As you can see, it's a dead simple template.

            Comment

            • pierguy
              Senior Member
              • May 2003
              • 129
              • 4.1.x
              #4
              So the problem is simple and not so simple.

              The outer table specified by VB3 is set at 100%. It is nested inside my content <div>, which also specifies 100%. So the outer table--instead of inheriting the values of the div it's nested in and displaying as 100% of the div it's nested in--assumes it should be 100% of the total browser window.

              I always thought elements should inherit whatever they're nested in. Is there any way to force that table to inherit the values of the div it's nested in? Help!

                Comment

                • pierguy
                  Senior Member
                  • May 2003
                  • 129
                  • 4.1.x
                  #5
                  Finally found a solution that works.

                  For some reason, IE wasn't recognizing the outer div so I put an extra div inside, setting it at 99% and closing it at the bottom of the content area. That fixed the problem.

                  I'll be so glad when IE starts properly supporting CSS.

                    Comment

                    Previous template Next

                    Related Topics

                    Collapse
                    Working...