• Same CSS, different width of page

    From Robert Prins@21:1/5 to David E. Ross on Tue Feb 2 12:47:02 2021
    XPost: comp.infosystems.www.authoring.html

    On 2021-02-01 20:08, David E. Ross wrote:
    On 2/1/2021 1:17 PM, Robert Prins wrote:
    I'm trying to convert existing html/css into something that's using more CSS
    and
    less in-line styles, and I'm baffled by the fcat that one of the five pages
    is refusing to honour the max-width.

    The site is at <https://prino.neocities.org/www/chp/cover.html>, and you can
    just click the title, and follow that by clicking the ">" arrow two times to
    arrive at <https://prino.neocities.org/www/chp/report.html> and that page is
    just wide, wide, wide.

    I have the suspicion that this is caused by the fact that it uses a table to
    format the page, and
    <https://stackoverflow.com/questions/51801266/why-is-table-layout-fixed-
    affecting-the-width-of-the-parent-element>
    sort of seems to confirm this, and I'd be grateful if anyone can confirm
    this.

    And yes, this would be another reason to get rid of all the nested tables to
    format the page!

    Robert


    According to <http://validator.w3.org/>, the Web page at <https://prino.neocities.org/www/chp/report.html> has 11 errors,
    including at least one error relating to the "style" element.

    You should be happy to know that it now, when validated as html5, has 982 errors!

    Did you read the first paragraph of my post:

    "I'm trying to convert existing html/css into something that's using more CSS and less in-line styles, and I'm baffled by the fcat [sic] that one of the five pages is refusing to honour the max-width."

    And the max-width issue is indeed caused by the (way to wide) tables, which I'm trimming now, before I start removing all the non-html5-compliant stuff.

    Robert
    --
    Robert AH Prins
    robert(a)prino(d)org
    The hitchhiking grandfather - https://prino.neocities.org/indez.html
    Some REXX code for use on z/OS - https://prino.neocities.org/zOS/zOS-Tools.html

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From Arno Welzel@21:1/5 to All on Wed Feb 3 14:26:45 2021
    Thomas 'PointedEars' Lahn:

    dale wrote:

    https://www.w3schools.com/css/css_rwd_mediaqueries.asp

    https://www.w3fools.com/

    "Today, W3Schools has largely resolved these issues and addressed the
    majority of the undersigned developers' concerns. For many beginners,
    W3Schools has structured tutorials and playgrounds that offer a decent
    learning experience. Do keep in mind: a more complete education will
    certainly include MDN and other reputable resources."


    --
    Arno Welzel
    https://arnowelzel.de

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)