Kevin Powell - Community•6d ago

How do i put a span a absolute div across the whole page not just 100dvh the entire website

The div simply ends at the viewport height. I have attached the code. Sorry, but I don't know how to post snippets correctly.

3 Replies

Jochem•6d ago

There's instructions on how to share code in #How To Ask Good Questions

R.I.P•6d ago

this might might help the css of make a absoloute or better a fix to the whole page (if it was irrelavent sorry)

position absoloute/fixed;
inset: 0; for the covering of whole page 
if the parent div is a relative then u need inset in negatives for absoloute
and if u want u can do 
top:0;
bottom:0;
left:0;
right:0;
which is inset but more painful

position absoloute/fixed;
inset: 0; for the covering of whole page 
if the parent div is a relative then u need inset in negatives for absoloute
and if u want u can do 
top:0;
bottom:0;
left:0;
right:0;
which is inset but more painful

Choo♚𝕂𝕚𝕟𝕘•6d ago

This is an XY problem. It looks like you just want to blur everything except the dialog. If you use an actual <dialog> element, you can apply a backdrop filter. This doesn't require any extra element to cover the whole page. If you really did need an element to span the whole page, the easiest way is to make that the wrapper. Divs by default resize to hold all their contents, so if the whole page is inside that div, it would span the entire extents of the page.

Gaming

Programming

How do i put a span a absolute div across the whole page not just 100dvh the entire website