Сохранять содержимое веб-страницы при изменении размера окна

Question

У меня возникла проблема с моим сайтом www.toontownclassic.com Когда я когда-либо меняю размер веб-страницы, весь текст перемещается влево от страницы. Я хочу сохранить #Date & По и #NewsPosts от переезда. Вот мой код.

CSS

html, body { 
width: 100%; 
height: 100%; 
background-image:url(../images/Background.jpg); 
background-repeat: no-repeat; 
} 

#container { 
left: 50%; 
width:400px; 
/* margin-top:260px; 
margin-left: -200px; 
position: fixed; 
} 


#DateAndBy { 
width: 75%; 
/* margin-top:260px; If you want to use the margin-top */ 
margin-left:auto; 
margin-right:auto; 
text-align: center; 
padding: 30px; 
} 

#NewsPosts { 
width:100%; 
left: 0; 
right: 0; 
text-align: center; 
overflow: hidden; 
background:#fff; 
} 

HTML

<!--DateAndBy--> 
     <div id="DateAndBy"> 
      <p>Posted By: Tester1223465 on October,21,2014</p> 
      </div> 
      <div id="container"> 
       <div id="NewsPosts"> 
        <p>uhbbyubuybybuiy</p> 
       <br> 
       <br> 
       <br> 
       <br> 
       <b><u>WEBSITE CHANGELOG</u></b> 
       <li>Extended Border size for the news container</li> 
       <li>Text now appears like it would be in news articles</li> 
       <li>Added Logo for Toontown Classic.</li> 
       <li>Font is now Serif as it used to be Arial</li> 
       <li>Fixed spelling errors in code causing website to not re-size   properly</li> 
      </div> 

Answer 1

Если это сайт, который в онлайне на данный момент в toontownclassics.com, то, по крайней мере, Opera не может сделать это правильно на все ,

Хотите, чтобы вся страница была центрирована? В этом случае я рекомендую вам поместить все ваши DIV-элементы в свою собственную «обертку» -DIV и использовать CSS для ее центрирования.

<div id="wrapper"> 
    <!-- all other DIV's here --> 
</div> 

И добавить к таблице стилей:

#wrapper { 
    margin: 0 auto; 
    width: 800px; 
} /* Replace 800px with whatever you want */ 

Пожалуйста, дайте мне знать, если я совершенно не понял вас.

Я бы порекомендовал вам взять быстрый взгляд на этих введениях:

HTML5 Introduction at W3 Schools

CSS3 Introduction at W3 Schools