Forums

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

Home Forums CSS div width

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #286250
    plw
    Participant

    How do you make a div the full size of a page even when the page is wider than the screen and scrolls? 100%, auto and inherit seemed to be all the same width. Thanks

    #286251
    Paulie_D
    Member

    Perhaps you can demo the issue in Codepen.io as I’m not seeing an issue.

    https://codepen.io/Paulie-D/pen/JVNJwK

    #286252
    plw
    Participant

    Hmm I see what you mean

    http://www.thirstys.uk/excel_download.php

    is the page I am working one.

    It would be nice if when you click on a submit button the error message were in the center and the blue focus border stretched across the whole page but with some padding as it does now

    #286261
    Dagny
    Participant

    ^^ Can’t see a submit button

    #286262
    plw
    Participant

    There is one at the end of each line if you scroll to the right

    #286275
    uxfed
    Participant

    I would offer that this issue is being thought of backwards. The error message is 100% of the screen width. It’s the table that’s pushing outside the content of the page. Given that there’s too much data to show on most screens, you may either wish to remove some columns, or look in to something like Bootstrap responsive tables.

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