CSS Image Wrap - Page 2

User 1948478 Photo


Senior Advisor
1,850 posts

Jo Ann wrote:
Ya Matt, you can't do things at all positioned absolute in any way if you want it responsive.

Matt,
Jo Ann is providing you - either intentionally or inadvertantly - with an interesting learning opportunity here. This is because what she said is not strictly true...

So, since you say that you're now in academia - where *the search for truth, wherever it may lead you* should be the guiding light, - the (homework-) question to you is this: - Under what conditions can absolute positioning be a useful tool in responsive design? In other words, what rules do you have to follow to ensure that an absolutely positioned element, i.e. one with a css rule such as this, or similar:
.example {
position absolute;
left:0;
top:0;
}

will act perfectly 'responsively' and shrink/grow with the width of the viewport?

(OK, I know that this can be viewed as an obnoxious post, - so apologies to both Jo Ann and Matt! :D )
User 2484360 Photo


Registered User
3,293 posts

Per wrote:
Under what conditions can absolute positioning be a useful tool in responsive design? In other words, what rules do you have to follow to ensure that an absolutely positioned element, i.e. one with a css rule such as this, or similar:
.example {
position absolute;
left:0;
top:0;
}

will act perfectly 'responsively' and shrink/grow with the width of the viewport?


Oh! Me! Me! Pick me! I know! I know!!! *Raises hand...*

*Shakes it violently.*

*Then sees a squirrel and forgets the question.%*
User 187934 Photo


Senior Advisor
20,181 posts

Do we get a % commission for answering?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Ambassador
3,816 posts

I just used this to abs. position 'buy buttons' within product description boxes (with borders) :lol:
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2484360 Photo


Registered User
3,293 posts

Eric Rohloff wrote:
Do we get a % commission for answering?


Did you see mine? :P
User 187934 Photo


Senior Advisor
20,181 posts

Adam East wrote:


Did you see mine? :P

Yup but while you were busy chasing that squirrel I was busy digging up the nut it had buried.

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 1948478 Photo


Senior Advisor
1,850 posts

Just to be clear, the absolute-positioned element must also be able to take meaningful part in 'floats' and such, i.e. in addition to the ability to 'shrink/grow' in size....
Otherwise it would not be very useful in responsive design, would it? ;)
User 1948478 Photo


Senior Advisor
1,850 posts

...so, the "%" on its own doesn't quite cut it...

But the example that paintbrush described is a perfect one for what I was referring to! ;)
User 2924428 Photo


Registered User
1,718 posts

I'm confused as usual..

Absolute positioning can be used if you go by %?
My example:,

.example {
position absolute;
left:20%;
top:40%;
}

User 187934 Photo


Senior Advisor
20,181 posts

Nothing to be confused about Matt.:) Everyone is helping and having some fun while making you learn.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.