DIV and CSS

Discussion in 'Web Design & Coding' started by k3o, Mar 14, 2006.

  1. k3o

    k3o My name is James VIP Member

    Joined:
    Feb 4, 2004
    Messages:
    413
    Likes Received:
    1
    Location:
    England
    Ok, I have two DIVs, horizontally next to each other. But when the one on the right is too high for the one on the left, the left DIV just stops. How can I make the left DIV carry on to the full height?

    Also, the left DIV has a background image, which I dont want it to repeat, so the background must only be a colour.

    The URL for an example is here.

    Please mind the dodgy coding in that, I'll be eliminating the tables soon.

    Thanks.
    James.
     
    k3o, Mar 14, 2006
    #1
    1. Advertisements

  2. k3o

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    looks ok to me...
     
    Nickweb, Mar 14, 2006
    #2
    1. Advertisements

  3. k3o

    k3o My name is James VIP Member

    Joined:
    Feb 4, 2004
    Messages:
    413
    Likes Received:
    1
    Location:
    England
    But if you scroll right down to the bottom the left images just stop with no background color to carry it on.
     
    k3o, Mar 14, 2006
    #3
  4. k3o

    Nickweb Resident Filmaker Moderator

    Joined:
    Nov 7, 2003
    Messages:
    2,532
    Likes Received:
    27
    Location:
    North Wales, Britain
    ahhh, sorry, didn't notice that
     
    Nickweb, Mar 15, 2006
    #4
  5. k3o

    James Photojournalist

    Joined:
    Dec 24, 2002
    Messages:
    6,662
    Likes Received:
    35
    So you want the image on the left hand side to continue to scroll / repeat?
     
    James, Mar 15, 2006
    #5
  6. k3o

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Well, you have, in the HTML file a link to "div class="body" " - yet in the CSS file you don't actually have a #body thing, which is probably why it stops, as I can see in the source code for the HTML file that you have an extra paragraph that isn't showing at all.

    Edit:

    Well, that's how it looks in opera. Didn't check IE until now. I thin there's something wrong with the heights you've specified for the left and right divs.

    Edit #2

    Yeah, because you've specified the height of the left DIV to 717 PX, it then stops at 717 px.

    Edit#2

    If you change the height opf the left hand pane to 1125px and the height of the right hand pane to 1001px, then it works fine in both opera and IE.
    Set it to 900 and then it continues.

    That's why I couldn't see the last paragraph in opera, as opera decided to stop at the 717 px line :)
     
    Last edited: Mar 15, 2006
    S Walch, Mar 15, 2006
    #6
  7. k3o

    k3o My name is James VIP Member

    Joined:
    Feb 4, 2004
    Messages:
    413
    Likes Received:
    1
    Location:
    England
    Ok, but as the content is dynamic, could I use a percentage?
     
    k3o, Mar 15, 2006
    #7
  8. k3o

    S Walch MAME 0.64 :) VIP Member

    Joined:
    Jun 2, 2003
    Messages:
    1,026
    Likes Received:
    14
    Location:
    Manchester
    Tried that - didn't like it, in either IE or Opera.

    Don't think you can use % in DIV's, someone correct me if I'm wrong, I'm not entirely sure.

    I've never used % in DIVs, always used pixels.
     
    S Walch, Mar 15, 2006
    #8
  9. k3o

    k3o My name is James VIP Member

    Joined:
    Feb 4, 2004
    Messages:
    413
    Likes Received:
    1
    Location:
    England
    I have managed to use percentage to get the shadow to go 100%, and instead of declaring the left hand images in CSS, I used <img> in the Template. I still can't get the background color to fill in that small space in the bottom left.

    http://www.dlockers.com/rm/?p=8#comments
     
    k3o, Mar 17, 2006
    #9
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.