Web Page Expands beyond background

Posted on 2007-07-23
Last Modified: 2013-12-24
Im building a website at
I am using relative positioning to locate the elements.  As i do the the web page gets longer.  Check the example at the URL above.  I am using FrontPage 2003 to cut and paste code into, and do some building with the gooy interface.

I am trying fit all the objects on a graphic with a predefined height and width.  

Question by:cbroberts
    1 Comment
    LVL 30

    Accepted Solution

    your page is way off in Firefox. In IE I see what you mean. but before fixing anything, you need to code it keeping standards in mind.

    always use a DOCTYPE at the top of your HTML. strict DOCTYPE is best for ensuring browser follow standards and getting a more closer rendering of your code across browsers.

    next use a global reset. i.e. put this at the top of your CSS:

    * {margin:0;padding:0} /* this will rest default margins paddings for all elements thereby giving you a level playing field to start from as different browsers have different defaults. following this you can apply margins and paddings only where you need them */

    for your type of design, don't use positioning. esp. relative positioning. use a mix of floats and absolute positioning. or floats alone.

    and lastly remember to clear floats after you use them when you want the document to return to normal flow.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Highfive Gives IT Their Time Back

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
    Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
    The purpose of this video is to demonstrate how to reset a WordPress password if you are locked out and cannot reset the password. A typical use would be if you cannot access the email to which WordPress would send the password recovery email to…
    The purpose of this video is to demonstrate how to integrate Mailchimp with Facebook. This will be demonstrated using a Windows 8 PC. Mailchimp and Facebook will be used. Log into your Mailchimp account. : Click on your name. Go to Account Setti…

    761 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    11 Experts available now in Live!

    Get 1:1 Help Now