[IPOL discuss] [IPOL tech] two questions about demos

Fri Nov 28 15:25:42 CET 2014

Nicolas,

Thank you for your answer.

> You can wrap your demo content in a <div style="width:..."></div>,
> or incert a css rule to redefine #content{max-width}.

I tried this but I was only able to do it inside the header.html
(because the <head> and <div id=content> are both defined
inside the header.html). Changing header.html in my demo
is not a good idea, we want all demos to share it.

If I understand well, all I can put in my template will be inside
de DIV content and will have a width limited to the max-width.
I can force the width of a particular div or set it to 200% of the
previous container, but this is not what I want; I would like to
use the full width of the browser and not an arbitrary width.

We could put "max-width=none" in header.html for everyone.
It is a little strange to impose something to then remove it
in half of the pages (demo and archives). This seems like
a patch for a patch.

My knowledge of html is very limited, so I would be very
happy to know of an alternative solution.

Thanks,
rafael

On Fri, Nov 28, 2014 at 2:54 AM, Nicolas Limare <
nicolas.limare at cmla.ens-cachan.fr> wrote:

> > 2) I was wondering why my demo was not using the
> > full browser width. I then discovered that the reason
> > is that the CSS in http://www.ipol.im/local.css includes:
> >
> > #content{max-width:64em;}
> >
> > imposing a fixed maximal width to the contents of the
> > web pages. Is there any reason to impose this limit to all pages?
>
> * reason to limit on text pages:
>   avoid excessive long lines
> * reason to limit on other pages:
>   have a consistent design on every IPOL page
>
> > If it is necessary for the ipol front page and articles' web pages,
> > it may be a good idea to separate in two groups: text pages
> > and demo pages. By the way, I noticed this option is overwritten
> > in the archive pages.
>
> The limited width worked for most demos, so I thought it was better to
> have the max-width everywhere. Archive pages are nor organized
> vertically, so the width was extended for these pages. You can decide
> to override it in your demo too, if you think it makes sense for
> everyone, on small/large/wide screens. You can wrap your demo content
> in a <div style="width:..."></div>, or incert a css rule to redefine
> #content{max-width}.
>
> (I bounce the thread to discuss at ipol, for info)
>
> --
> Nicolas LIMARE
> http://nicolas.limare.net/                         pgp:0xFA423F4F
>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://tools.ipol.im/mailman/archive/discuss/attachments/20141128/99ae0c34/attachment.html>