From what I read in this forum, setting the min-width property in the body tag should stop the text in the #header div from being displaced out of line as the browser window is squeezed -- see this draft page - www.iprezence.com/paintshop. When that didn't work I tried applying min-width to all divs in the #header area but still have the problem. What is causing this min-width to fail or am I applying it incorrectly?
There's nothing actually wrong with what you did. It's just that when your viewport goes lower than 862px, the header text drops to the line below.
Change min-width from 500px to 862px and your problem is solved.
Thanks Nancy, I stared at the problem so long I failed to noitice the width was too small. Now I can't get the text to remain centered in the header as the window width changes. Is there a margin/padding combo in the .header_text tag that will work? I haven't found it yet.
font: 12px Tahoma, Geneva, sans-serif;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0 auto; /**width width, this is centered on screen**/
Remove duplicate .header_text styles from your CSS. They aren't helping you.