CODEWITHSUNDEEP
htmlcsscss-position
Kevin Ji
Kevin Ji

Reputation: 10499

Prevent absolutely-positioned elements from overlapping with text

I have a unique situation here.

Essentially, I have an absolutely positioned block of text, which must be absolutely positioned due to design limitations.

I also have the rest of my text, which is normally positioned. However, I need to prevent my normal text from overlapping with my original text.

Is this possible simply with HTML and inline CSS? I do not have access to JavaScript or external/head-related CSS; only inline styles are available. I have created a simplified version of my CSS with this jsFiddle.

Upvotes: 18

Views: 25114

Answers (1)

Steve Bennett
Steve Bennett

Reputation: 126445

Is a solution to create another div (div2) that overlaps the absolutely positioned div (div1), but is itself invisible? Then the rest of the text would avoid overlapping div2...

Sketched this out here: http://jsfiddle.net/VKYwD/8/

Not entirely clear on what your constraints are though.

Upvotes: 13

Related Questions