Forums

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
    Posts
  • #149433
    Source
    Participant

    http://codepen.io/Sourceone/pen/rfbhq

    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 ?

    Thanks

    Source

    #149436
    Paulie_D
    Member

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

    I think this was your design…http://s21.postimg.org/l3y4yifsn/Mockup.png

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

    Something more like this:http://codepen.io/Paulie-D/pen/qkCHg

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

    #149471
    Source
    Participant

    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 !

    Thanks

    Source

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