مشكلة في كود css لصفحة تصميمي :/

السلام عليكم  رحمة الله و بركاته 
أنشأت صفحة بالهتمل و سي إس إس و عندي مشكلة بما أني مبتدئ لسى بعض الخصائص في css مش متمكن منهم كثير 
و أصلا دي أول صفحة ويب أصممها في حياتي =)
المهم دي هي الصفحة =)

المشكلة أنه لما أصغر حجم المتصفح من 100 في 100 إلى شيء آخر (بكنترول و -) شوفو الصفحة كيف تصبح :/

يعني أريد تنحل المشكلة :/
المشكلة في كود سي إس إس تبع عنصر باللون الرمادي 
و ده هو الكود html تبع اللون الرمادي 

الكود:

<div class = "Articles">
            <h1> آخر تصاميمي </h1>
         </div>
   

و ده هو الكود سي إس إس تبع العنصر Articles :

الكود:

.Articles{
   width: 790px;
   height:300px;
   background:#F8F8FF;
   float:right;
   position:absolute;
   top:250px;
   right:200px;
   text-align:center;
   border:3px solid #A0522D;
   
}

.Articles h1{
   text-align:center;
   padding:5px;
   margin:0px;
   color:#DB7093;
   font-size:1.7em;
   border:1px solid #DB7093 ;
}

عارف أن المشكلة في أن position:absolute; بس ما وجدت شيء أعوضها بيه ، :/


و شكرا

وعليكم من السلام
لابد التعامل مع الكود الاساسي لصفحة ضعه هناء او ارسله على الخاص
اشوف المشكلة منين
ويمكن ابدل لك المتحرك

stones كتب:

وعليكم من السلام
لابد التعامل مع الكود الاساسي لصفحة ضعه هناء او ارسله على الخاص
اشوف المشكلة منين
ويمكن ابدل لك المتحرك

تمت مراسلتك خاص بكل الأكواد ، 
آه ممكن تغير مثل ما يلائم الصفحة معلش 
أيضا عزيزي أريد مهما صغرت أو كبرت النافذة يتغير معها حجم كل الصفحة ، يعني تشاهد الصفحة من الفون مثل ما تشاهدها من الجهاز 
و شكرا لك
شكرا لك 

جرب هذا
تم حذف الرد لخصوصية صاحبه

تمام عزيزي شكرا لك =) 
غلبتك معي  
بإمكانك غلق الموضوع  مشكووور