Highlighted

2 Container FULL Width 100% How?

Community Beginner ,
Nov 08, 2017

Copy link to clipboard

Copied

Hi everyone,

I'm trying to create 2 same box text container 100% Full Width on the same line, so basically I would like to divide the page in two different section

You can find an example on the image below.

What I tried already, If I create 2 box and I attached them together and then I set Strecth to broswer with, they are going to overlap each other from broswer edge to edge. What I need is that their are going to stop in the middle as the pic below.

Do you know how ca I do that?

You got an example on here regarding two boxes: Archivi Coaches - Crossfit Officine

box.jpg

Thanks!!!

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

DamianoMocellin  schrieb

Thanks for your help, I checked the website. Could I know wich widget you used for the text on

"02  Voruntersuchung"

with the + buttons that can expand the text? Thanks!

For the other problem I'm using a diffrent kind of layout.

It´s called "accordion" out of the box from muse.

Best Regards,

Uwe

Views

282

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

2 Container FULL Width 100% How?

Community Beginner ,
Nov 08, 2017

Copy link to clipboard

Copied

Hi everyone,

I'm trying to create 2 same box text container 100% Full Width on the same line, so basically I would like to divide the page in two different section

You can find an example on the image below.

What I tried already, If I create 2 box and I attached them together and then I set Strecth to broswer with, they are going to overlap each other from broswer edge to edge. What I need is that their are going to stop in the middle as the pic below.

Do you know how ca I do that?

You got an example on here regarding two boxes: Archivi Coaches - Crossfit Officine

box.jpg

Thanks!!!

Adobe Community Professional
Correct answer by fotoroeder | Adobe Community Professional

DamianoMocellin  schrieb

Thanks for your help, I checked the website. Could I know wich widget you used for the text on

"02  Voruntersuchung"

with the + buttons that can expand the text? Thanks!

For the other problem I'm using a diffrent kind of layout.

It´s called "accordion" out of the box from muse.

Best Regards,

Uwe

Views

283

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Nov 08, 2017 0
Guide ,
Nov 08, 2017

Copy link to clipboard

Copied

If you use a fixed-width layout, then this can only be done using CSS encoding.   If you are using a flexible width layout, then just click these arrows.

b1ab149ef0.png

But the use of a flexible layout carries a lot of pitfalls. If I were doing this in Muse, I would prefer a fixed layout + css encoding - it's much easier than fighting the horrors of a responsive design in Muse

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
Community Beginner ,
Nov 08, 2017

Copy link to clipboard

Copied

Thanks for your answer!

I'm using a Fluid Layout but with    ">>"  Layout 1200px  "<<"

otherwise is going to look so big and large if I swap it to "<<"  Layout 1200px  ">>". On the 2 boxes I need to add pictures on it, so I would like to have them responsive. COuld you plase give an example of css that I should use the make it like this Archivi Coaches - Crossfit Officine ?

Thanks a lot

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
LEGEND ,
Nov 08, 2017

Copy link to clipboard

Copied

Yes. My solution (post 3) doesn’t need the page expansion with „>>“.

In addition: It would be very helpful to tell us the full story from the beginning. You talked about text. Now you need images too …

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 1
Community Beginner ,
Nov 08, 2017

Copy link to clipboard

Copied

Gunter thanks a lot for your solution, I'm trying with your one since an hour, it's look fine, the only thing why I'm looking for a different solution Is beacuse I would like to manage the two parts separtely. Because i need to apply the same fade effect that you can see on the example website http://reebokcrossfitofficine.com/coach/.

I really appreciated your help, thanks!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
Adobe Community Professional ,
Nov 08, 2017

Copy link to clipboard

Copied

I used something similar here: homepage ​on landing page. There I used only one box on the right

Using two boxes will look like this:

Bildschirmfoto 2017-11-08 um 15.00.19.png

No pinning necessary. You could set them as responsive in width or responsive in width and height. You could mix these options between breakpoints, too.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
Community Beginner ,
Nov 08, 2017

Copy link to clipboard

Copied

Thanks for your help, I checked the website. Could I know wich widget you used for the text on

"02  Voruntersuchung"

with the + buttons that can expand the text? Thanks!

For the other problem I'm using a diffrent kind of layout.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
Adobe Community Professional ,
Nov 08, 2017

Copy link to clipboard

Copied

DamianoMocellin  schrieb

Thanks for your help, I checked the website. Could I know wich widget you used for the text on

"02  Voruntersuchung"

with the + buttons that can expand the text? Thanks!

For the other problem I'm using a diffrent kind of layout.

It´s called "accordion" out of the box from muse.

Best Regards,

Uwe

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0
LEGEND ,
Nov 08, 2017

Copy link to clipboard

Copied

In opposite to images, this is not so easy with 2 browser wide aligned text boxes, but you can achive this. Look at this sample file: https://www.dropbox.com/s/6eiy80u9hy1ttkr/textframes-side-by-side-browser-wide.muse?dl=0

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 1
Community Beginner ,
Nov 08, 2017

Copy link to clipboard

Copied

Thanks everybody for your help!

There is anyway to that without use the function of ">>"? I already know that, the problem is for big screen that everything is going to look so big and large! I already set up all the website without that because I to want keep the layout no more than 1200px.

Do you have any solution/widget or something? Thanks a lot!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Nov 08, 2017 0