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 <
[email protected]> 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@ipol, for info)
>
> --
> Nicolas LIMARE
> http://nicolas.limare.net/ pgp:0xFA423F4F
>
--
IPOL - Image Processing On Line - http://ipol.im/
contact [email protected] - http://www.ipol.im/meta/contact/
news+feeds twitter @IPOL_journal - http://www.ipol.im/meta/feeds/
announces [email protected] - http://tools.ipol.im/mm/announce/
discussions [email protected] - http://tools.ipol.im/mm/discuss/
