The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Margin & Three Column Div – Question

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #149433

    I’ve given the main content div a css of :

     #main-content {overflow: hidden;}

    In order to give the child div’s a margin from the top to separate the different sections a bit.

    #hvorfor { display: block; float: left; margin-top: 100px;}
    #prosess  { display: block; float: left; margin-top: 100px; width: 1000px;  background: #e4e7e5 }
    #kontakt  { display: block; float: left; margin-top: 100px;}

    When i try to add a Three Column Div to #hvorfor and #prosess . It messes with the placement of the divs , like ‘hvorfor’ sliding over ‘prosess’ div , if that makes sense.

    So my question is, what is a real basic way to add a three column with a header, for two of the sections ?




    Why are you using a ul/li structure there…it seems odd?

    I think this was your design…

    That doesn’t call for a ul /li structure.

    Something more like this:

    Perhaps you should look into a proper grid system like 960gs, foundation, bootstrap, lemonade….it might help you understand the basics a little more.


    Thank again Paulie_d !!

    You’re right im still figuring out the difference between various options, and what works best for what im trying to achieve. You probably noticed that i changed the sticky bar back again , temporarily.

    Will look at the tipped grid systems !



Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.