Forums

Give help. Get help.

  • # April 1, 2009 at 5:52 pm

    Please look at the site I am working on: http://www.marksouthworth.co.uk.

    The problem is with the right column. I have had to specify a height for the last div element – .testimonials2 {
    If i dont do this and i add content it overflows longer than my column on the left. How do i make it so that both the left and right grow equally? Thanks.

    Also it renders badly in ie 6 and i am stuck on hoe to fix this.

    # April 1, 2009 at 6:58 pm

    Either use a background image 1px high ,that is white and gray, and repeat it vertically.

    Or you can use a Jquery plugin (http://www.filamentgroup.com/lab/setting_equal_heights_with_jquery/)

    # April 2, 2009 at 3:07 am

    Could you please be specific to my code as my #content_wrap seems to serve no purpose as it doesnt even get picked up in firebug but if i do away with it it messes up my content.

    I dont know why this is happening, normally, it is as easy as a container div with 2 columns, both floated with widths declared?

    # April 2, 2009 at 5:14 am

    I appreciate the help, and that to me would seem the logical way around this problem but if you try it yourself it doesnt work, the content_wrap doesnt seem to hold any colour or bg image at all, though without it the content floats mess up. Please help.

    # April 2, 2009 at 5:49 am

    Thanks again, desnt work, think i will just have to accept its not going to work.

    # April 2, 2009 at 6:41 am

    Seems like I can only get the bg image to appear if i declare a height on the content_wrapper? But then, if I do this it pushes all the right column content down?

    # April 2, 2009 at 7:42 am

    Locally on my machine I have it down to 4 warnings, but it validates, but it still doesnt work right without declaring a height for the #content_wrap. So bottom line is, how do I bypass having to put a height for the div. Currently if I add more content on the columns I then have to change the height of the content_wrap div which is not practical.
    Furthermore even if i do this and I want to add more conent to the right column it still overflows over the content_wrap if i dont change the height.

    # April 2, 2009 at 8:13 am
    "apostrophe" wrote:
    With the code I just posted you can add as much content as you like without declaring a height and the #content_wrap will stretch to accomodate it.

    NOo sorry doesnt work, if i add conent to the testimonials2 div it overflows the content wrapper.
    If i add content to the left column the div grows with it but not with the right column as it overlaps.

    # April 2, 2009 at 8:30 am

    It works on my machine. Just take the height off #testimonials2.

    # April 2, 2009 at 8:42 am

    nah,

    # April 2, 2009 at 8:43 am

    nah, it doesnt work, see attached, I have even wrapped the whole of the right content in an additional div to no avail:
    http://img10.imageshack.us/img10/2484/problemhxd.jpg

    # April 2, 2009 at 9:29 am

    It works perfectly in FF on my mac.
    #content_wrap set overflow to hidden
    Otherwise update the online page and I’ll have another look.

    # April 2, 2009 at 9:41 am

    i will update tonight and buzz you whn up. i have tried overflow hidden but it solves the overhanging bit but hiudes anything longer than the first column within the 2nd column.

    # April 2, 2009 at 9:45 am

    OMG you are a genius thanks for all your input. I….welll. you have cracked it> Thankyou so much.

    # April 2, 2009 at 9:51 am

    Now that’s magic ;)

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag