The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Problems with two parallel divs

  • # June 17, 2008 at 2:20 pm

    i have a problem:
    for my wepbage i need two parallel divs. They have to repeat the bgimage in a parent div downwards. So i think the "content"-div has to be relative an the left- and right-Column have to be absolute ?!
    But with this code my side does not repeat the image downwards.
    Only if i turn both columns relative the bgimage gets repeated, but the columns are among each other.
    I really don’t know how to fix that problem !
    Can you please help me ?

    <div id="content">
    <div id="leftcontent">blabla</div>
    <div id="rightcontent">blabla</div>

    Thank you

    # June 18, 2008 at 10:46 pm

    This reply has been reported for inappropriate content.

    So is the background image on the main div, or in the column divs? And why the absolute positioning? Can you not float them for some reason? And the problem is that the background image isn’t repeating? I don’t understand why the type of positioning would have anything to do with that. Perhaps screenshots / links are needed to troubleshoot this one.

    # June 23, 2008 at 5:42 am

    i fixed the problem,
    i toot the right column before the left, and gave only the right one float:right.
    thanks for your support !

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

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed