Announcement

Collapse
No announcement yet.

CSS 'page_body_content_right_column’ help

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
    #1

    CSS 'page_body_content_right_column’ help

    Hello,
    I was hoping some amazing css guru could help me with something... please!

    My problem is to do with the height of the ‘page_body_content_left_column’ and the ‘page_body_content_right_column’.

    My left hand column contains navigation links etc and my right hand the brochure/section/product page. I have got a vertical “phasing” image running down the left side of the right hand column, however when the left hand is longer than the rhs it can’t run the full length. If I was clever I would make the left hand have the phasing image but I’m not & I can’t.

    Any suggestions on how to force the two columns to be the same length as the other? I have attached an image to demonstrate


    Thanks for any help
    Lucy
    Attached Files
    Tags: None
    #2
    Set a height on both columns so they are always a set length?

    Comment

      #3
      Hi Lee,

      Thanks for your speedy reply... I was thinking about that, but then I wasn't too sure what would happen if I set the height too short for a particular page - I am sure I should be able to set a height that would suit 95% of the pages, but didn't know the consequences for the 5% that I might cut off!

      Comment

        #4
        Isnt it the central column that changes in height and the sidebars are static as the content in them doesnt change?

        Comment

          #5
          well in any other case yes... but in this no! The left hand column changes because the section tree drill's down in to the sub-sections if that makes sense? I am trying the idea of a fixed height for both on a test site to see the outcome, I'll let you know! thanks

          Comment

            #6
            Ah i'm with you, then you need to either convert to a table layout (ewwwww) or get clever with a bg image on the main container so that even if the sidebars dont reach to the bottom, then the bg image does anyway. In fact scrap the image from the sidebars and just have it as a repeating bg image on the container.

            Comment

              #7
              hmmm tired the very very long image to start with, but because the content in the rhs finishes so does the image...

              not too sure on what you mean about using the container; I do currently have one but it is wrapped around all of the content not just the left hand or right hand. Unfortunately this is where my knowledge hits a brick wall at speed!

              Comment

                #8
                okay well progress, but I think it's probably completely the wrong way to do this, but I tried.

                Working from what you said, I edited the image to have approx 280px of dead space, saved it as a gif and I then put it into the container on a vertical repeat & it looks okay in IE & firefox (yay!)... i'm guessing whilst it may work for me it won't for everyone else depending on their browsers, text size set-up because it won't be fluid & move with the lhs?

                Comment

                  #9
                  not sure if this will help or push you over the edge, take a look at this site http://www.kitesrus.co.uk the left and right menu bars use the same image, one long one and the css controls the width and length. As the menu changes so does the image to accomodate it

                  hope it helps a bit

                  Comment

                    #10
                    darren & lee... you tipped me over the edge...

                    but I climbed back to the top again!! I'm still not 100% why it works but it does, thank you very much for your input. I would have admitted defeat a long time back otherwise.

                    Lucy

                    Comment

                    Previous template Next
                    Working...
                    X