problem with side bar back ground image.

Discussion in 'CSS' started by Audiomad, Apr 9, 2009.

  1. #1
    I'm having a few problems with my css. irlmusic.net/index.php

    1. I cant get the left nav image's to go all the way down the div's also the bottom div is jumping to the bottom and when any content other than the menu are there it falls apart please help.
    Its a big css file so I'l point to it. http://irlmusic.net/style-irl/irl.css


    Just a question is there anyway to centre a link in the middle of a div without using padding or spacer images?
     
    Audiomad, Apr 9, 2009 IP
  2. ExtremeData

    ExtremeData Well-Known Member

    Messages:
    450
    Likes Received:
    21
    Best Answers:
    0
    Trophy Points:
    125
    #2
    I don't understand exactly your problem but to center you can use text-align:center;
    You need to center the link horizontally or vertically ?
     
    ExtremeData, Apr 9, 2009 IP
  3. Audiomad

    Audiomad Peon

    Messages:
    1,028
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #3
    I cant get the layers on the left where the nav is to stay togeather the very bottom of the nav should be at the top just below the links like the content is.

    When I put in any more content on the nav area it jumps to the right on top of the main content.

    "the link needs to be on the left and dead centre of the div and the moment its at the top"
     
    Audiomad, Apr 9, 2009 IP
  4. Audiomad

    Audiomad Peon

    Messages:
    1,028
    Likes Received:
    4
    Best Answers:
    0
    Trophy Points:
    0
    #4
    here's a screen shot.

    websiteforumz.com/css-problem.gif
     
    Audiomad, Apr 9, 2009 IP
  5. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #5
    1) fix your 8 validation errors in your markup.

    2) get all that outdated presentational attribute and tag nonsense out of your markup. This is NOT 1997. That means no ALIGN... Get that in the CSS where it BELONGS.

    3) Use ID's that actually MEAN something - "apDiv8" is so completely ****ing vague that nobody is going to know what the devil that is or what it does. You've got 21 completely vague div's wrapping god knows what, on a layout that should only need eight or nine...

    4) Being I'm seeing different appearances and layouts in EVERY browser, I pretty much assume the techniques you are trying to use to build the page are broken.

    As I often say, chuck it and start over with semantic markup - there's nothing there worth saving.
     
    deathshadow, Apr 10, 2009 IP