This is the current working-copy of my project:
Animal Emergency Clinic of McLean County, Illinois
and this is its style sheet:
Everything was rendering as it should on each of the four devices I am able to actually test it on until
I added more than one line of text to the white DIV reserved for main content. Then it all went wonky.
This is how it looks on the four different devices now, all in the most current version of Firefox:
The laptop version - that is how things are supposed to look, with the white content DIV flush against
the right side of the red DIV and the bottom of the header#2, and with the blue DIV extending to the
bottom of the viewing screen so no gray body is showing. And that's how it looked on all four devices
until I added more than one line of text to the white content DIV. Then the white DIV jumped itself down to be
vertically between the red & blue divs on both mobile devices (while staying proper on the two computers),
and the gray body is showing at bottom of the viewing screen on the desktop computer and the mobile phone.
Ackkk! Everything was going so well (and validating) until now. Help please?