Forums

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

Home Forums CSS Form overflow problem

  • This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #46447
    MarkRBM
    Participant

    From a google this seems to be a common enough problem but I can’t find a solution that will work for me.

    see this pen http://cdpn.io/ibumr

    I want to confine the input fields within my col div so that no matter how the browser is resized they stay within the column

    any ideas?

    #143121
    Paulie_D
    Member

    It might be best to start using proper label & input elements to start with.

    #143127
    Paulie_D
    Member

    >I want to confine the input fields within my col div so that no matter how the browser is resized they stay within the column

    Surely, there must be a minimum as some point though?

    #143131
    Paulie_D
    Member

    Add a width property to `input` in your CSS?

    http://codepen.io/Paulie-D/pen/FafkJ

    #143133
    MarkRBM
    Participant

    The minimum is already taken care by making the form disapear at a certain width but I just cant get the inputs to stay confined to the columns of my grid even though the div they are in is fine. Being able to reproduce so easily in codepen tells me that it is not the styles associated with the grid that are the problem

    #143135
    Paulie_D
    Member

    If you have a link to the live site we’d be able to dig deeper.

    There is probably a specificity issue somewhere.

    #143137
    MarkRBM
    Participant

    > Add a width property to input in your CSS?

    I could have sworn I tried that but its working so apparently not.

    Thanks for your patience that was an obvious one

    #143138
    MarkRBM
    Participant

    actually in my pen with width set to 100% it still overflows but its wroking now on the site so thanks

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