treehouse : what would you like to learn today?
Web Design Web Development iOS Development

? include Placement error

  • Hello wonderful and helpful people of CSS-Tricks, i'm currently having a problem sorting out the placement of an <? include> item (it's the footer), I have no idea what actually broke this to make it align to the same margin of the page? You can see the page here - http://www.ariservices.com/testing/

    This is the following code for the footer area:


    <p style="float:right; position: relative; top: 10px; right: 70px;"><a href='http://twitter.com/ausregistryint' target="blank"><img src='../images/ico-twitter.png' /></a></p>
    <div class="clearFloat"></div>
    </div>
    <? include '../footer.php'; ?>
    </div>


    Any help is greatly appreciated.

    Thanks!
  • The alignment is off because it's being included inside the content div which already has a padding-left of 20px.
  • You either need to adjust your padding and width properly and background or move your footer outside of your content div; move the include after your content closing tag and then adjust CSS there.
  • He can keep it inside the wrapper, just needs to be outside of the #content div.
  • @TheDoc, I mis-spoke/typed, and changed it lol
  • Thank you very much for quick and helpful advice!

    Another problem solved!