CSS position absolute and full width problem

by

You could set both left and right property to 0. This will make the div stretch to the document width, but requires that no parent element is positioned (which is not the case, seeing as #header is position: relative;)

#site_nav_global_primary {    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

Demo at: http://jsfiddle.net/xWnq2/, where I removed position:relative; from #header

More Related Contents:

  1. How to change the color of text?
  2. My Website is Mirror-flipped on iPhone Devices
  3. Fill SVG path element with a background-image
  4. Equal height columns with CSS
  5. How to replicate background-attachment fixed on iOS [duplicate]
  6. How to customize ?
  7. Thick underline behind text
  8. How to make a pure css based dropdown menu?
  9. Unwanted margin in inline-block list items [duplicate]
  10. Space between nowrap inline blocks [duplicate]
  11. Remove Select arrow on IE
  12. Difference between Width:100% and width:100vw?
  13. How do I remove the blue styling of telephone numbers on iPhone/iOS?
  14. Font Rendering / Line-Height Issue on Mac/PC (outside of element)
  15. How to make an element’s background-color a little darker using CSS
  16. What replaces cellpadding, cellspacing, valign, and align in HTML5 tables?
  17. How do I justify a horizontal list?
  18. Bootstrap right Column on top on mobile view
  19. How to add border to a container with transparent gaps in between
  20. How to strike through obliquely with css
  21. How do I add a margin between bootstrap columns without wrapping [duplicate]
  22. Inverted Scooped corners using CSS
  23. Why does the ‘title’ attribute cause browsers to ignore my styles?
  24. CSS transform origin issue on svg sub-element
  25. transition for background-image in firefox?
  26. CSS Layout 2-Column fixed-fluid [closed]
  27. Create a Reverse Clip-Path – CSS or SVG
  28. How to make a flex item not fill the height of the flex container? [duplicate]
  29. Complete list of reasons why a css file might not be working
  30. What is HTML’s tag default display type?

Leave a Comment