Highlighted

Positioning objects in relation to each other

Explorer ,
Jul 10, 2017

Copy link to clipboard

Copied

Hello all,

I'm currently testing my site and trying to iron out any niggles, so please excuse the outstanding issues...

Carswell Creative | Cheshire-based freelance graphic designer

When you reduce the browser width, you can see that the three main images (featured projects) reduce in width and height. However, at the same time the distance between the testimonials section below (in the purple band) and the three images increases. Ideally, I'd like the distance between the three main images and the purple band to stay the same.

Is this possible?

Thanks

No! I did this for people like you , who very fast forget, what they have read.

But seriously: You are right. I’ve corrected it.

Views

168

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

Positioning objects in relation to each other

Explorer ,
Jul 10, 2017

Copy link to clipboard

Copied

Hello all,

I'm currently testing my site and trying to iron out any niggles, so please excuse the outstanding issues...

Carswell Creative | Cheshire-based freelance graphic designer

When you reduce the browser width, you can see that the three main images (featured projects) reduce in width and height. However, at the same time the distance between the testimonials section below (in the purple band) and the three images increases. Ideally, I'd like the distance between the three main images and the purple band to stay the same.

Is this possible?

Thanks

No! I did this for people like you , who very fast forget, what they have read.

But seriously: You are right. I’ve corrected it.

Views

169

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
Jul 10, 2017 0
Adobe Community Professional ,
Jul 10, 2017

Copy link to clipboard

Copied

It should be.

Try to group those elements which should stay together.

You might also decrease the minimum height, so that it fits to 320.

This might be around 500 or little more.

The site increases by content quite automatically.

Does this help?

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...
Jul 10, 2017 0
Explorer ,
Jul 10, 2017

Copy link to clipboard

Copied

Hi there,

The option to group everything is greyed out. Also, what do you mean by decreasing the minimum height? How do I do that please?

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...
Jul 10, 2017 0
Explorer ,
Jul 10, 2017

Copy link to clipboard

Copied

Sorry Uwe, seems to be working now. The large purple rectangle was set to 'stretch to browser width' so I unticked this option and made the width of the rectangle 2000px (so it still bleeds off either side of the browser window).

Seems to be working now - thank you!

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...
Jul 10, 2017 0
Adobe Community Professional ,
Jul 10, 2017

Copy link to clipboard

Copied

Even better  than stretch it to 2000 px (nothing should be outside the canvas at any time) set it to 2 py smaller than your canvas (768) and set it to 766 px, move it 1 px to the right (1 instead of 2 for the x value) and set it to resize in width instead of resize in width and height and this should work as well.

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...
Jul 10, 2017 0
LEGEND ,
Jul 10, 2017

Copy link to clipboard

Copied

I fear, this only seems to be a solution!

You can’t group some elements, because elements „stretched to browser width“ can’t be grouped. Making these object bleed outside the page boundaries seems to help, but causes problems, when you open this page on a smart phone. You never should place elements outside or overlapping the page/breakpoint boundaries.

I would suggest to use the techniques, described here: https://forums.adobe.com/thread/2271454

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...
Jul 10, 2017 0
Adobe Community Professional ,
Jul 10, 2017

Copy link to clipboard

Copied

Hi Günter Heißenbüttel​, you linked two times to the same thread unintended, I guess?

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...
Jul 10, 2017 1
LEGEND ,
Jul 10, 2017

Copy link to clipboard

Copied

No! I did this for people like you , who very fast forget, what they have read.

But seriously: You are right. I’ve corrected it.

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...
Jul 10, 2017 0
Explorer ,
Jul 10, 2017

Copy link to clipboard

Copied

Thank you to you both, I have added placeholders which seems to have fixed the issue.

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...
Jul 10, 2017 0