Forums

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

Home Forums CSS help with semi-responsive layout

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #182838
    stevegos
    Participant

    Hi, I need some css help. I need to create a semi-responsive layout.

    maximum width set to 1300px

    left hand side bar to be a fixed width of 250px

    the right hand content area to flex dependant upon screen width.

    This does not need to work on mobiles, just needs to accommodate common screen widths less than 1360 wide.

    What would be the best css to use to achieve this?

    All help greatly appreciated.

    Thanks.

    #182849
    Soren
    Participant

    There are several ways of achieving this. Here’s one using position:absolute on the sidebar and padding-left: 250px on the right content area: link

    #183171
    stevegos
    Participant

    Thanks, that works great in chrome and firefox but in IE (and Safari on Windows) the right column starts on the left of the left column so part of the content is hidden under the left column. Hope that makes sense.

    Any idea how to fix?

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