Everybody! This is important. In a few days, these forums will be moving over to using the totally sweet Discourse platform. To ensure this migration happens smoothly with no loss of content, these forums are currently in a read-only mode. I do apologize for the inconvenience.

There is never a good time to turn the forums off for an extended period of time, but I promise the new forums will be a billion times better. I'm pretty sure of it.

See you all on the other side in a few days, and if you have any (non-technical) questions, please e-mail me at kirupa@kirupa.com. For technical questions, try to find a tutorial that corresponds to what you are looking for and post in the comments section of that page.

Cheers,
Kirupa

Results 1 to 5 of 5

Thread: Simple Centering

  1. #1

    Simple Centering

    Hey Kirupans!

    I have a quick question. I have a URL: http://www.kingsgotwings.com.

    The entire site is centered horizontally in IE, but not in Firefox. Can anyone take a look at the page and see what the problem is? I've tried everything I can think of, but I'm just now learning to be more dependant on CSS. Any ideas?

    Thanks in advance!

  2. #2
    By the way, it's built off Drupal if that helps at all.

  3. #3

    Quote Originally Posted by camargo
    Hey Kirupans!

    I have a quick question. I have a URL: http://www.kingsgotwings.com.

    The entire site is centered horizontally in IE, but not in Firefox. Can anyone take a look at the page and see what the problem is? I've tried everything I can think of, but I'm just now learning to be more dependant on CSS. Any ideas?

    Thanks in advance!

    i don't know the total width of that page—perhaps you do. for now, let's say it's 700. try giving the div below the body tag an id, perhaps 'main', and in the css file, including the following:


    Code:
    #main {
    
       position : absolute;
       width : 700;
       left : 50%;
       margin-left : -350px;
    
    }
    ...where the margin-left value is (negative) half of the width value.

    i'm not sure if that will work, but give it a try. i'm curious to know.

    my best,
    david

  4. #4
    Brilliant David! Looks like it worked. Thanks a ton for the help.

  5. #5
    theres a more simple way.
    put the following in your pageholder id:

    Code:
    #pageholder {
    width:775px;
    margin:0px auto;
    }

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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

Home About kirupa.com Meet the Moderators Advertise

 Link to Us

 Credits

Copyright 1999 - 2012