Welcome to WebmasterWorld Guest from 188.8.131.52
Forum Moderators: not2easy
she is also having an issue of the "w"s looking washed out on her screen...but no other computer has the issue...
thank god i have bourbon.hmmm ... if bourbon is the solution to code problems I'll take a train-load please ;)
it looks like the body tag is squashing any of the other elements i have set to 100% as the window size changes.If you mean all elements are reducing in width as the window resizes, that is correct. As body is width:100%, it will always be 100% of the viewport width, and any child elements with width:100% will be that width as well. So any "squishing" should be a result of something in the code, such as elements with a fixed width colliding with elements with width auto, or floated or positioned elements.
for testing, i set the body tag to 2000px wide. at that point all of the "squashed" elements looked fine (container, header color, footercolor).
so, if i restore the screen down and the resize it by dragging the screen horizontally so that my browser window is smaller than my fixed image (960 px) so that i get a scroll bar at the bottom of the screen and i scroll it over to the right, then the header and footer are now smaller...If you mean the colour header and footer "ends" as you scroll to the right, so the elements with a fixed width appear to protrude out of the body to the right - something like this: