- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
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?
It might be best to start using proper label & input elements to start with.
>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?
Add a width property to `input` in your CSS?
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
If you have a link to the live site we’d be able to dig deeper.
There is probably a specificity issue somewhere.
> 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
actually in my pen with width set to 100% it still overflows but its wroking now on the site so thanks