Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Is this possible to achieve absolute position functionality without using position attribute through css?

I am creating outlook email. I have created an email system. I have check in all email giants like Gmail, yahoo etc it work perfectly but suddenly when I saw same email in outlook it was shocking that outlook not supports position attribute.

Now, what I want is to achieve same functionality, I have searched on Google but not found a good source to solve issue except this platform to ask question. Please help!

Thanks in advance.

Note: I don’t want to do this by placing one div inside other. This not suits my application at all i want things to positioned with respect to corners (width/height).

enter image description here

like image 688
Aamir Shahzad Avatar asked Apr 25 '13 07:04

Aamir Shahzad


People also ask

What can I use instead of position absolute?

We can use CSS absolute positioning to overlap elements, but there's some advantages to using CSS grid instead. Let's explore using CSS grid as an alternative to position absolute.

Should you use absolute positioning CSS?

As long as you structure your HTML so that the elements follow a logical order that makes sense when rendered without CSS, there is no reason why using absolute positioning should be considered bad practice. Save this answer.

What is absolute positioning in CSS and when should it be used?

An element with position: absolute; is positioned relative to the nearest positioned ancestor (instead of positioned relative to the viewport, like fixed). However; if an absolute positioned element has no positioned ancestors, it uses the document body, and moves along with page scrolling.


1 Answers

outlook does not support position:, so perhaps use a table-based solution?

check out these links;

http://msdn.microsoft.com/en-us/library/aa338201.aspx

http://www.campaignmonitor.com/css/#css-com_1

like image 144
Tyler Avatar answered Oct 04 '22 04:10

Tyler