Forums

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

Home Forums CSS Floating column issue

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #46531
    JasonK
    Member

    Hello all!

    I am stumped as to why the right column (blue bar) is being pushed down to the bottom. Anyone have any ideas? I have to use inline CSS because of the platform I am on. See code and screen shot below. Thank you for any help!

    Screenshot: http://screencast.com/t/klFasPTq

    Code below:

     

    Welcome to

    IntroductionsPuzzle pieces

    Learn & Grow

    Click on any of the categories to share and discuss ideas.

    Peer-reviewed practices that explore introductions.

     

    #143730
    jurotek
    Participant

    Your problem is 100% width

      @Paulie_D mentioned

    #143731
    Paulie_D
    Member

    Codepen: http://codepen.io/Paulie-D/pen/cAvqw

    This :

    Does not have a width applied. As soon as you do, the blue “content” div will float up.

    Seems awfully thin for a content area!

    >I have to use inline CSS because of the platform I am on.

    Then get off it as soon as frakkin’ possible. That’s just ridonkulous.

    #143732
    webbeloz
    Participant

    tries to give an absolute value to `

    `
    ex:

    #content{position:absolute;top:0;right:0}

    otherwise you have to change the structure of your HTML.

    #143733
    Paulie_D
    Member

    >otherwise you have to change the structure of your HTML.

    Not true.

    Seriously @JasonK…try and avoid absolute positioning if you can.

    #143734
    webbeloz
    Participant

    > the code pen with Firefox, it is the same with left bottom….

    #143735
    JasonK
    Member

    Thank you all! Adding the width to leftnav did the trick. Thank you so much! I am obviously a novice.

    #143737
    webbeloz
    Participant

    ok. check the codepen, and edit:

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