اريد تعريض الصفحه فقط

[manindark]

السلام عليكم

اخواني كيف اخلي الصفحه اعرض من ذلك بالتحكم في width





ملف CSS

/*
Design name: RS16
Designed by: Roshan
Email : c.pixels@gmail.com
*/

* { padding:0; margin:0;
}
.clear {clear:both;}
html {background:url(images/htmlbg.jpg) repeat;}
body {
display:block; 
background:url(images/bodybg.jpg) center top no-repeat;
height:100%; 
font-family:Tahoma, "Times New Roman", Times, serif; 
font-size:16px; 
color:#49433A;}

#wrap { 
width:690px;  
margin:auto; 
padding-bottom:20px;}

#sitename {
padding:15px 5px 2px 5px; 
font: normal 32px Tahoma, "Times New Roman", Times, serif; d
isplay:block; 
color:#000}

#sitename a {
	color: #000;
}
#sitename .smalltext {
display:block; 
font: normal normal 16px "Trebuchet MS", Arial, Helvetica, sans-serif!important; 
color:#000;}

#content {
width:645px; 
float:left; 
background:url(images/pagebg.jpg) repeat-y;}

#content-top {
background:url(images/pagebgtop.jpg) no-repeat; 
height:8px; 
display:block;}

#content-bottom {
background:url(images/pagebgbottom.jpg) no-repeat; 
height:13px; 
display:block;}
#content-inner { padding:5px 13px 0 13px;}
#main-nav { 
padding-top:35px; 
margin:0 0 0 -8px; 
z-index:500; 
float:left;   
width:45px;}

#main-nav ul {
list-style:none; 
display:block;}

#main-nav li {
margin:0; 
padding:0; 
line-height:0; 
font-size:1px;}

#main-nav li a {
display:block; 
float:left; 
background:url(images/menunormal.png) no-repeat; 
height:45px; 
padding:26px 0 0 2px; 
width:41px; 
border:none!important;}

#main-nav li a:hover, #main-nav li.active a {background:url(images/menuactive.png) no-repeat;}

#main-nav #first .active a {background:url(images/firstactive.png) no-repeat;}
#main-nav li img{
border:none; 
margin:0; 
padding:0;}
#main-nav li #first {background:url(images/firstnormal.png) no-repeat;}
#main-nav li.active a#fist {background:url(images/firstactive.png) no-repeat!important;}

#header {
background:url(images/header.jpg) no-repeat; 
height:213px;}




#aboutme {padding:9px 19px 0 345px; }
h1 {font:bold 22px Georgia, "Times New Roman", Times, serif;}
h2 {font: normal 18px Tahoma, "Times New Roman", Times, serif; color:#000; display:block; margin-bottom:4px;}
p {line-height:22px; font-family:Tahoma, "Times New Roman", Times, serif; font-size:9pt;}
h1 a, h2 a, h3 a, h4 a {border:none!important; color:#000;}
img {border:none;}


/*.post a {border:none!important;}*/
#aboutme h2 {color:#8e9056;}
a, a:visited, a:active {
color:#8e9056; 
text-decoration:none; 
border-bottom: dashed 1px #8e9056;}

.post a:hover {
color: #000; 
border: none!important; 
text-decoration: none;}
#homepageposts {padding:10px 0  0;}

#homepageposts .post {
background:url(images/postbottombg.jpg) left bottom repeat-x; 
padding:8px 8px 10px 8px; 
font-family:"Trebuchet MS", Verdana, Helvetica, sans-serif; }

#homepageposts .datebox {
background:url(images/datebox.jpg) no-repeat; 
width:42px; 
padding:5px 4px 0 3px; 
height:56px; float:right;}

#homepageposts .postcontent { 
float:left; 
width:540px;}



/*.data box*/
.datebox .date {
font:bold 28px "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color:#fff; 
text-align:center; 
display:block; 
height:36px;}

.datebox .month_year {
font:12px "Trebuchet MS", Verdana, Helvetica, sans-serif; 
color:#fff; 
text-align:center; 
display:block; 
padding:2px 0 0 0;}


/*.footer up*/

#twitter {
background: url(images/twitterbg.jpg) no-repeat; 
height: 90px; 
font-size:9pt}
.tweet {padding:25px 109px 15px 70px;}



/*.footer*/

#pagebottom {font:11px "Trebuchet MS", Arial, Helvetica, sans-serif;}
.alignleft {float:left;}
.alignright {float:right;}
img.alignleft {margin-right:10px;}
img.alignright {margin-left:10px;}

[twix]

هلا اخوي عدل العرض في كلاس
#wrap {
width:690px;
margin:auto;
padding-bottom:20px;}

بدال 690 حط العرض اللي تريده مع اخذ نسخه للملف تحسبا لظور اي اخطاء

[ميسي الروقي]

يمكنك تحديد العرض الكامل للصفحة ويعمل في كل المتصفحات بالطريقة:
width: 100%;
حيث قم بالتحديد حسب النسبة المئوية وبذلك يدعم جميع الشاشات.

[manindark]

اذا استخدمت االطريقة:
width: 100%;

لايتغير شي في عرض الصفحه وتكون الصفحه في محاذه لليسار

رابط تحميل الصفحه للتجربه
http://templaty.com/download-NDY3.html

[Blank]

السلام عليكم
تم التعديل حسب المطلوب وإعتماد العرض 960px وهو الشائع والأفضل، وتم تنسيق باقي خصائص القالب لتظهر بالشكل المطلوب بعد تعديل العرض.
http://www.ziddu.com/download/15828867/rs16.zip.html

[manindark]

الله يعطيك العافيه اخوي Blank

تاخرت في الرد بسبب انقطاع الانترنت