Trying to center my photoshop sliced template (images)

Discussion in 'CSS' started by iRemoteTek, Feb 1, 2008.

  1. #1
    Hey everyone, I need help trying to center my sliced images from a photoshop template. The URL that im messing around with is:

    www.iremotetek.com/CSSTEST/ the css file is default.css located in that same folder.

    Im' messing around with everything trying to convert my main site: www.iremotetek.com from tables into CSS for a cleaner look.

    I cannot for the life of me center the top sliced template that I made in photoshop (everything above the help image)

    I've tried at least 20 different ways that I've looked online, and everything under the images will center correctly.

    I got to the point that the main top layer image will center, but everything below instead of going from left to right the way it should be, goes up and down.

    Someone please look at my css sheet and let me know what i need to fix to get this working!

    Thanks,
     
    iRemoteTek, Feb 1, 2008 IP
  2. MoT

    MoT Peon

    Messages:
    97
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try adding:

    margin: 0 auto;

    to your #Table_01 id

    Or you can put the whole thing in a wrapper and use this css code to center it:

    #wrapper {
    width: 779px;
    margin: 0 auto;
    }

    so it would be:
    <div id="wrapper">
    <div id="Table_01">

    stuff
    stuff
    stuff

    </div>
    </div>
     
    MoT, Feb 2, 2008 IP
  3. iRemoteTek

    iRemoteTek Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Yeah that didnt work at all, one of the things ive tried
     
    iRemoteTek, Feb 2, 2008 IP
  4. MoT

    MoT Peon

    Messages:
    97
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #4
    They are all set as position:absolute; You will probably have to rewrite the whole css if you want to center it.
     
    MoT, Feb 2, 2008 IP
  5. iRemoteTek

    iRemoteTek Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    what would i use instead of absolute, any suggestions
     
    iRemoteTek, Feb 2, 2008 IP
  6. iRemoteTek

    iRemoteTek Peon

    Messages:
    13
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    #Table_01 {
    margin:0 auto;
    text-align:left;
    width:779px;
    height:800px;
    position:relative;
    }

    that seemed to work
     
    iRemoteTek, Feb 2, 2008 IP
  7. MoT

    MoT Peon

    Messages:
    97
    Likes Received:
    9
    Best Answers:
    0
    Trophy Points:
    0
    #7
    oh good stuff :))
     
    MoT, Feb 2, 2008 IP