SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard lukeurtnowski's Avatar
    Join Date
    Mar 2003
    Location
    Coronado
    Posts
    1,666
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    Talking 3 col layout with footer

    Yes, I bought a book on CSS from eric myer.
    I followed exactly his lesson on chapter 6 on howw to simullate equal column lengths with floats.
    But for some reason, the right column is not aligned on the top, like his examples.
    Here's my CSS code
    #header { margin: 0; padding: 0; }
    #wrapper { margin: 0; padding: 0; }
    #center { margin-left: 170px; margin-right: 220px; }
    #right { float: right; width: 210px; }
    #left { float: left; width: 160px; }
    #clear { clear: both; }
    #footer { margin: 0; padding-top: 15px; text-align: center }

    Heres my html code
    <html>
    <body class=bodyText topmargin=0 leftmargin=0 marginwidth=0 marginheight=0>
    <div id=header>
    <p>
    <? include("http://www.mortgage-resource-center.com/includes/logo.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/slogan.php") ?>
    </p><p class="redbar">&nbsp;</p>
    </div>
    <div id="wrapper">
    <div id=left>
    <? include("http://www.mortgage-resource-center.com/includes/ads.php") ?>
    </div>
    <div id=center>
    <center>
    <H1>Forced Overtime</H1>
    <? include("http://www.mortgage-resource-center.com/includes/topads.php") ?>
    </center>
    <? include("http://www.mortgage-resource-center.com/content/forcedOT.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/middlessi.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/topssi.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/abovegooglessi.php") ?>
    </div>
    <div id="right">
    <? include("http://www.mortgage-resource-center.com/includes/MainNavigation.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/SubNavigation.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/toprightssi.php") ?>
    </div>
    <div id=clear></div>
    </div>
    <div id="footer">
    <? include("http://www.mortgage-resource-center.com/includes/bottomAdsLarge.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/abovebottomredbar.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/Terms.Body.php") ?>
    <p class="redbar">&nbsp;</p>
    <? include("http://www.mortgage-resource-center.com/includes/belowbottomredbar.php") ?>
    <? include("http://www.mortgage-resource-center.com/includes/contact.php") ?>
    </div>
    </body>
    </html>

    Thanks soo much, oh you can wsee what I'm talking about:
    http://www.mortgage-resource-center.com/test/third.php

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,556
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Not sure what you mean as the three columns seem to be in the right place. In mozilla theres is a gap at the top due to the top margin on the h1.
    Code:
    h1 { text-align:center;margin-top:0 }
    The columns won't be equal length because you have no mechanism for making them equal but i'm not sure thats what you meant anyway.

    If that's not what you meant you will need to explain a little more

  3. #3
    SitePoint Wizard lukeurtnowski's Avatar
    Join Date
    Mar 2003
    Location
    Coronado
    Posts
    1,666
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    yes, thats what I meant, thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •