Hi there… im new in css, I want to make a custom layout for top border & menu 100% in width, but the other container is 980px in width…, how do i do that? here’s my code…
The answer is you can’t.
The width of your top border will be 100% of the width of the element + left and right padding (if applicable) and lenght of left and right border (if applicable).
So you will need to apply that style to a different element; one that 100% the width of the screen. You may have to alter your HTML to create such element.
Better to simply place it above the container in the html then it woul go 100%. But if you can’t you can try a couple things. If you AP the menu and don’t put position relative on the container it leave the container. Give it width 100% and it will be 100%. Or no AP you maybe give the inner margin{0 -999em;}; body{overflow-x:hidden;}. Without test I don’t know how that last one will behave.