Scalable web page

[Hrankov]

Is it possible to make free scalabel (allways fullscreen) web page?
Something like Floating Layer, but with all elements in the Layer
like images, roll over layers and text. Simple autoscalable design.
The current Floating Layer scales his own Background image,
but all elements in the layer remain with the same size and position.

If this is possible, we need to make only one web page with high resolution für all
different desktop resolutions that scales automaticaly to every user desktop.

[Pablo]

Did you try layout grids?
https://www.wysiwygwebbuilder.com/layoutgrid_part1.html

Or flexbox?
https://www.wysiwygwebbuilder.com/flexbox.html

See also:
https://wysiwygwebbuilder.com/layout_modes.html

[Hrankov]

Thanks, I know all this tools, but this is not what I am looking for.
I mean the whole site just simply scalable with automatic scale to fullscreen,
changing size and position of all images, hot spots and text to every
desktop resolution, without Responsiv Design, Grids or Flexbox.
I do not mean mobile or pad web design, only modern desktop design.
Create for example 2560 x 1440 site with hires images and rollover layer
with titles and animation, wich scales automaticly and perfekt to lower
desktop resolutions. Easy universal site creation.
Something like Floating Layer, but with all elements inside it.

[Pablo]

There is no standard option for this, because it's not just a matter of scaling, you also need to take the aspect ratio of elements into account.
It may be do-able for simple elements like text, but for advanced elements (menus, forms or scripts controlled object) it is impossible.

[crispy68]

Are you saying that using grids/flexgrids/etc. doesnt do what you want? This is what they are intended for. Your asking for it to be scalable without responsive design which doesn't make sense to me. That is what responsive design is about. You can't just place stuff on the page and it automatically scales and objects know how to react without having some sort of responsive design mechanism to tell it how to behave.

If there was a way, Pablo would have already implemented such a scheme and be super rich by now.

[alan_sh]

Wyy are you against using layout grids? It really is quite easy and there are a number of free templates (including one from me) which demonstrate how to use them.

Alan

[Hrankov]

In Flex Grig or Layout Grid there is no possibility to overlay images, they allways appears under each other.
So it is not possible to set free and exact the positions of Roll Over images where we want. That's the problem.
What we need is FlexLayer, but with the possibility to insert normal layer (includes owr own designed site) in it.

[Pablo]

What you want is only possible with absolute layout and breakpoints.
There is no way for the browser to know how to scale the layout if there is no structure (grid)

[Hrankov]

Is there any exension, able to check the monitor resolution of the user and start the right one of some sites, created with different resolution in the same projekt? So we could create some basic sites, working good on different monitors, without changing the design and order of the elements. Something like: if Res. is from 1000 to 1500, then start Site 1000.html...

[Pablo]

Maybe this is useful?
https://wysiwygwebbuilder.com/pageredirect.html

Note that using a redirect script is not the correct way to implement a responsive website.

[Hrankov]

Thank you! I think, this is exactly the tool I need.

[alan_sh]

Is there any exension, able to check the monitor resolution of the user and start the right one of some sites, created with different resolution in the same projekt? So we could create some basic sites, working good on different monitors, without changing the design and order of the elements. Something like: if Res. is from 1000 to 1500, then start Site 1000.html...

You do need to use breakpoints - not page redirects. WIth page redirects, you are creating may web sites, so duplicating all the information. With breakpoints, all you are doing is creating different positions in each breakpoint. The data remains the same (for the most part). If you want to see a template I did some time ago, download this https://www.dropbox.com/s/f8rm5f6bsfniq ... e.zip?dl=1


Alan

[crispy68]

I agree with Pablo and alan_sh, using redirects for different sizes is 1. 30 year old web design thinking and 2. Unnecessary. The point of Responsive design is using CSS breakpoints and floating design using grids, flex containers, flexgrid, etc.

[alan_sh]

I agree with Pablo and alan_sh, using redirects for different sizes is 1. 30 year old web design thinking and 2. Unnecessary. The point of Responsive design is using CSS breakpoints and floating design using grids, flex containers, flexgrid, etc.

The reason I suggested my old design (no grid etc.) is he said he wanted to overlap images. I can't think why - but even that is possible given some work with flex grids and offsets (maybe some html). But yes, redirects - I had to do that with the old WebPlus 8 before I found WWB - how my life was made easier after that