Need advice on editing CSS of a recently used template

Discussion in 'CSS' started by pipes, Apr 19, 2007.

  1. #1
    I recently installed a directory script (indexscript) then installed a template for it, the problem that im having is the page displays wider than i expect it to.

    I hope you can see the difference of what i mean in the following links:

    http://www.cosplaydirectory.com <-- it shows too wide on my directory

    http://www.indexskins.com/images/skins/full_red_main.html <-- the example from the template site, how it should look.

    Im guessing i just need to edit something in the CSS file but i dont know what to actually edit, if anyone can advise me on this it would be great.
     
    pipes, Apr 19, 2007 IP
  2. mjewel

    mjewel Prominent Member

    Messages:
    6,693
    Likes Received:
    514
    Best Answers:
    0
    Trophy Points:
    360
    #2
    In your css file, change the container width i.e. 80% or a fixed width like 775px; (a fixed width is going to display differently depending on the persons screen resolution). The link you posted to the template is an image, not a working site.

    #container {
    width: 100%;
    margin: 0 auto;
    background: #ffffff;
    text-align: center;
    }
     
    mjewel, Apr 19, 2007 IP
  3. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #3
    Thanks mjewel, i tried that but it didn't have the desired effect, your right to point out that the other link is just an image, although i imagine that the display should be something like the example.

    When viewing the site on my browser the site seems too wide as a scroll bar is created.

    Thanks anyway mjewel, i appreciate you taking the time.
     
    pipes, Apr 19, 2007 IP
  4. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #4
    Ive kinda got it half sorted, while i was adding text on the submit page, the top seemed to correct itself, just need to sort that grey bit and then the footer, il keep trying till i get it. :)
     
    pipes, Apr 19, 2007 IP
  5. semantic7

    semantic7 Member

    Messages:
    92
    Likes Received:
    5
    Best Answers:
    0
    Trophy Points:
    48
    #5
    Your page does not have a doc type. Without that the browser switches to quirks mode where things are very unpredictable. I would strongly recommend putting in a doc type and validating the code.
     
    semantic7, Apr 21, 2007 IP
    pipes likes this.
  6. pipes

    pipes Prominent Member

    Messages:
    12,766
    Likes Received:
    958
    Best Answers:
    0
    Trophy Points:
    360
    #6
    Thanks semantic7, i will look into getting that sorted.
     
    pipes, Apr 21, 2007 IP