Skip to main content
aytug
aytug
Known Participant
July 24, 2018
Answered

help me with absolute positioning

  • July 24, 2018
  • 1 reply
  • 821 views

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?

    This topic has been closed for replies.
    Correct answer Lilybiri

    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

    1 reply

    Lilybiri
    LilybiriCorrect answer
    Legend
    July 24, 2018

    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

    aytug
    aytugAuthor
    Known Participant
    July 24, 2018

    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..

    Lilybiri
    Lilybiri
    Legend
    July 24, 2018

    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/

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices