Highlighted

help me with absolute positioning

Explorer ,
Jul 24, 2018

Copy link to clipboard

Copied

Hey, I'm trying to absolute position an element on the page but even though I believe I did all that is necessary it won't work.

Now the image and the positioning settings of it: (I'm using absolute positioning to gain more control over it like minimum height, when I put it in a fluid box I can't control the minimum size.)

https://ibb.co/k2xNr8

It seems to be working in preview modes. (with slider or custom phone sizes as you can see):

https://ibb.co/n9ge4T

But the thing is when I preview in Chrome or Firefox and as soon as I pull the slider the image drops down to the very bottom of the slide. (what happened to my 7% margin lol) See here:

https://ibb.co/hUbU4T

So what's the problem here?

Most Valuable Participant
Correct answer by Lilybiri | Most Valuable Participant

In my view on responsive projects with fluid boxes, 'absolute positioning' cannot be doen in that workflow at all.  If you need a responsive project you always work with relative positions. If you turn on the rulers and add some guides, they will always be in %, never in absulute units, pixels.

Moreover in Fluid Boxes you have even less control over positioning than in Breakpoints, because each item will be positinoed depnding on the scren size and the setup of the fluid boxes. If you want more control over the layout, and you do need a responsive project, switch to Breakpoints.

I tried to explain the differences, advantages and disadvantages of both wprkflows in a blog post:

Fluid Boxes Or Breakpoint Views? - Captivate blog

Views

132

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

help me with absolute positioning

Explorer ,
Jul 24, 2018

Copy link to clipboard

Copied

Hey, I'm trying to absolute position an element on the page but even though I believe I did all that is necessary it won't work.

Now the image and the positioning settings of it: (I'm using absolute positioning to gain more control over it like minimum height, when I put it in a fluid box I can't control the minimum size.)

https://ibb.co/k2xNr8

It seems to be working in preview modes. (with slider or custom phone sizes as you can see):

https://ibb.co/n9ge4T

But the thing is when I preview in Chrome or Firefox and as soon as I pull the slider the image drops down to the very bottom of the slide. (what happened to my 7% margin lol) See here:

https://ibb.co/hUbU4T

So what's the problem here?

Most Valuable Participant
Correct answer by Lilybiri | Most Valuable Participant

In my view on responsive projects with fluid boxes, 'absolute positioning' cannot be doen in that workflow at all.  If you need a responsive project you always work with relative positions. If you turn on the rulers and add some guides, they will always be in %, never in absulute units, pixels.

Moreover in Fluid Boxes you have even less control over positioning than in Breakpoints, because each item will be positinoed depnding on the scren size and the setup of the fluid boxes. If you want more control over the layout, and you do need a responsive project, switch to Breakpoints.

I tried to explain the differences, advantages and disadvantages of both wprkflows in a blog post:

Fluid Boxes Or Breakpoint Views? - Captivate blog

Views

133

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
Most Valuable Participant ,
Jul 24, 2018

Copy link to clipboard

Copied

In my view on responsive projects with fluid boxes, 'absolute positioning' cannot be doen in that workflow at all.  If you need a responsive project you always work with relative positions. If you turn on the rulers and add some guides, they will always be in %, never in absulute units, pixels.

Moreover in Fluid Boxes you have even less control over positioning than in Breakpoints, because each item will be positinoed depnding on the scren size and the setup of the fluid boxes. If you want more control over the layout, and you do need a responsive project, switch to Breakpoints.

I tried to explain the differences, advantages and disadvantages of both wprkflows in a blog post:

Fluid Boxes Or Breakpoint Views? - Captivate blog

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...
Explorer ,
Jul 24, 2018

Copy link to clipboard

Copied

This is a responsive project but I wanted to position it with absolute positioning. Shouldn't it work though? There seems to be no pronlem for me but I've been using it for a few months now so I'm kinda beginner..

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...
Lilybiri LATEST
Most Valuable Participant ,
Jul 24, 2018

Copy link to clipboard

Copied

Indeed, to me absolute positioning and Fluid Boxes are 'contradictio in terminis'. Did you read that blog?

You can position guides to create fluid boxes but within the fluid boxes themselves the position of items is controlled by the settings in the Fluid box: wrap, vertical, horizontal settings and padding.

Here is another link;

https://elearning.adobe.com/2017/08/master-fluid-boxes/

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...
Resources
Captivate User Guide
New Group