Results 1 to 3 of 3

Thread: Need help with alignment on project

  1. #1
    Join Date
    Nov 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Need help with alignment on project

    I have a few pages which will have a graphic at the top, menu system on the left, and middle area for page content. Right now I have it so the menu and content are in a table together each with their own column. I cannot seem to get the alignment right between IE and FF.

    I want all the content to be centered under the banner as close as possible. I also want the menu to be in the same location when I go to different pages, so it does not jump around like it does now.

    Here is my page so far: http://users.ettc.net/mait119/final/

    If you click between the index page and the contact page you'll see the menu jump.

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    I recommend that you only use tables for tabular data only. You don't seem to have much code, so you should be able to rewrite your page using containers and css which would probably solve your problem as well as improve your page in many other ways. Take a look at this article:
    http://hotdesign.com/seybold/everything.html

  3. #3
    Join Date
    Nov 2008
    Posts
    8
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    I'm very new to CSS so this will be quite challenging.

    Can a mod move this to the CSS area? I'm sure I will have plenty of questions.

    Here is my CSS code. I have removed the two tables and put each section in a separate div.

    .navmenu {
    position: absolute;
    margin:0px auto;
    text-align:left;
    }

    .body {
    text-align:center;
    }

    .pagelayout {
    width: 760px;
    left: auto;
    right: auto;
    text-align:center;
    }
    Last edited by Stryker412; 11-21-2008 at 02:46 PM.

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
  •