Forums

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

Home Forums CSS absolute position elements not resizing properly

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #168190
    GroovyMotion
    Participant

    I have 3 blocks that have 33.333% width that are absolute positionned. The whole layout is responsive except those boxes.
    I tried the trick from @Paulie_D about translate but it didn’t work.

    Here is the pen, check in full-size or else in the regular pen you can’t see the whole layout.

    http://codepen.io/GroovyMotion/full/vesfL

    Thanks in advance!

    #168191
    Paulie_D
    Member

    Absolute positioning has its uses but using it for layout is, IMO, not generally a good idea.

    There are much better and more flexible layout methods I would use in preference.

    #168193
    GroovyMotion
    Participant

    Thanks Paulie_D but my issue is that I use a background image.
    what would be another way to use the background image without absolute position?

    #168195
    Paulie_D
    Member

    I’m not sure what the bg image has to do with it…are you specifically aligning the divs to the image?

    #168197
    GroovyMotion
    Participant

    Yes I want to align the elements according to the bg image

    #168199
    Alen
    Participant
    #168200
    GroovyMotion
    Participant

    @Alen thanks a lot this is much better/flexible than my own version! :)

    @Paulie_D
    sorry man I realized that my old way with floats works perfectly!
    edit
    The clearfix is screwing out the rest of the layout :(

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