user2635139
user2635139

Reputation: 59

HTML how to use position:absolute; without overlapping?

how to use

#DivId{
    positon:absolute;
    left:0px;
    width:100%;
 }

without overlapping other divs.

I am developing a design for a website that has to work over multiple pages, and I find the only way to get a div to have the width of the full screen is with:

position:absolute;
left:0px;
width:100%;

(instead of the

position:relative; 

where it does not overlap but indents the div and when you use width:100%; it has a small margin on each side)

is there any way to do this or, alternatively, have a div stick to the bottom of a webpage (under a div that has position:absolute;) ?

Upvotes: 1

Views: 261

Answers (1)

isherwood
isherwood

Reputation: 61083

I suspect what you need to solve all of this is

html, body {margin: 0; padding: 0;}

Upvotes: 3

Related Questions