html - CSS: How to center element that is bigger then the container? -


I have an element of 800px and the container is small (it is responsive so that the width is changing), I have such a code :

  & lt; Div id = "container" & gt; & Lt; Div id = "popup" & gt; & Lt; / Div & gt; & Lt; / Div & gt;   

and CSS:

  # container {width: 400px; Status: Relative; } #popup {width: 800px; Status: Completed; }   

I tried left: 0, right: 0, margin: auto; But it is not working Box is aligned to the left. / P>

here

You can use margin-left: - ( Half width) PX and left: 50%

Then your code popup css code will look like this:

  #popup {position : Absolute; Width: 300px; Background-color: # 0a; Height: 20px; Top: 100px; Left: 50%; Margin-left: -150px; Z-index: 100; }    

Comments

Popular posts from this blog

c - Mpirun hangs when mpi send and recieve is put in a loop -

python - Apply coupon to a customer's subscription based on non-stripe related actions on the site -

java - Unable to get JDBC connection in Spring application to MySQL -