Re: menu and screen ?

From	Siard <saylor259@mailbox.org>
Newsgroups	alt.html, comp.infosystems.www.authoring.html, comp.infosystems.www.authoring.stylesheets
Subject	Re: menu and screen ?
Date	2025-09-21 18:13 +0200
Message-ID	<mjaml6Ff9vuU1@mid.individual.net> (permalink)
References	<10aobba$1jgc4$1@dont-email.me> <10ap24q$1pdvt$1@dont-email.me>

Cross-posted to 3 groups.

Show all headers | View raw

Jonathan N. Little wrote:
> Dale wrote:
> > My CSS adjusts the main menu of my site depending on browser window
> > size.
> >
> > https://www.dalekelly.org/
> > 
> > https://www.dalekelly.org/mystyle2.css
> >
> > There are three CSS sizes:
> > 
> > (1) computer
> > (2) pad
> > (3) smartphone
> > 
> > No problem with (1), (2) or (3) menus alone.
> > 
> > No problem with reducing the window size of (2) to (3).
> > 
> > The problem I have is when I am reducing the window size of (1) to (2).
> > 
> > When I am getting (1) close to (2) the image blocks some of the menu.
> > And the other parts of the page are somewhat under the menu.
> > 
> > In my CSS I adjust image sizes based on browser window size. This not
> > functioning may be the reason the image is blocking some of the menu.
>
> Do not witness such behavior.

I do, even with modern browsers.
The problem is that the side menu has position:fixed.
A fixed element does not leave a gap in the page.
So the main text & picture are centred relative to the entire page,
including the menu. So if the page is narrowed, both text and picture
overlap the menu.

The side menu has width:20%. 
In mystyle2.css it says: div.content { margin-left:20% }.
But it looks like Dale forgot to put the main text & picture in that div
with class=content.

Back to comp.infosystems.www.authoring.stylesheets | Previous | Next — Previous in thread | Next in thread | Find similar

Thread

menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 04:00 -0400
  Re: menu and screen ? "Jonathan N. Little" <lws4art@gmail.com> - 2025-09-21 10:29 -0400
    Re: menu and screen ? Siard <saylor259@mailbox.org> - 2025-09-21 18:13 +0200
      Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 15:47 -0400
        Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 17:19 -0400
      Re: menu and screen ? Lawrence D’Oliveiro <ldo@nz.invalid> - 2025-09-21 21:11 +0000
        Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 22:23 -0400
          Re: menu and screen ? Lawrence D’Oliveiro <ldo@nz.invalid> - 2025-09-22 02:57 +0000
            Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-22 10:56 -0400
              Re: menu and screen ? "Jonathan N. Little" <lws4art@gmail.com> - 2025-09-22 20:51 -0400
      Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 21:02 -0400
        Re: menu and screen ? Lawrence D’Oliveiro <ldo@nz.invalid> - 2025-09-22 02:58 +0000
          Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-22 10:57 -0400
            Re: menu and screen ? "Jonathan N. Little" <lws4art@gmail.com> - 2025-09-22 20:53 -0400
        Re: menu and screen ? Siard <saylor259@mailbox.org> - 2025-09-22 09:53 +0200
          Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-22 11:02 -0400
    Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 20:42 -0400
  Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 15:10 -0400
    Re: menu and screen ? Dale <dalekellytoo@gmail.com> - 2025-09-21 15:39 -0400

csiph-web