• پایان فعالیت بخشهای انجمن: امکان ایجاد موضوع یا نوشته جدید برای عموم کاربران غیرفعال شده است

همسان کردن عرض صفحه

laminor

Registered User
تاریخ عضویت
13 ژانویه 2006
نوشته‌ها
29
لایک‌ها
0
با سلام

می خواستم صفحه ای برای مونیتور با رزولیشن 1027*768 طراخی کنم منتها می خوام اگه در مونیتوری با رزولیشن 800*600 باز شد از نوار پیمایش برای دیدن کل عرض صحفه استفاده نشه و فقط ابعاد کوچیک شوند و به طور کلی عرض صفحه در هر رزولیشن فیت باشه

</head>
<body>
<table width="955" style="height:840px;" border="0" cellspacing="0" cellpadding="0" align="center">

کدها به صورت بالا هست که من با خوندن فروم به این نتیجه رسیدم که باید از 100 % استفاده کنم که به صورت زیر بازنویسی کردم ولی تغییری رخ نداد

</head>
<body>
<table width="100%" style="height:840px;" border="0" cellspacing="0" cellpadding="0" align="center">

ممنون میشم کمک کنید
 

ocarina4

Registered User
تاریخ عضویت
3 دسامبر 2007
نوشته‌ها
160
لایک‌ها
25
محل سکونت
مشهد
خب شما چرا width رو تو خصویات خود تیبل میدی ، بعد کنارش height رو با css میدی؟!
هر دو صورت (هم مشخصات با css و هم از طریق خود تیبیل) کار میکنه و مشکلی نیست...

کد:
<table  style="width:100%;height:840px" border="1">
 

laminor

Registered User
تاریخ عضویت
13 ژانویه 2006
نوشته‌ها
29
لایک‌ها
0
سلام

بله درسته :rolleyes: ولی اینکارو کردم ولی باز وقتی save کردم موقع نمایش با رزولیشن 1027*768 فیت هست ولی وقتی رزولیشن رو به 600*800 تغییر میدم قسمتی از عرض رو باید با نوار scroll دید
 

hossein_asp

کاربر تازه وارد
تاریخ عضویت
31 مارس 2005
نوشته‌ها
639
لایک‌ها
0
سن
40
محل سکونت
جایی که خدا نباشد
سلام

بله درسته :rolleyes: ولی اینکارو کردم ولی باز وقتی save کردم موقع نمایش با رزولیشن 1027*768 فیت هست ولی وقتی رزولیشن رو به 600*800 تغییر میدم قسمتی از عرض رو باید با نوار scroll دید
کدت رو بزار اینجوری نمیشه نظری داد.
 

laminor

Registered User
تاریخ عضویت
13 ژانویه 2006
نوشته‌ها
29
لایک‌ها
0
سلام

برای اینکار من یه تست رو آپلود کردم که اگه این سایت رو ببینید در حالت 1024 * 768 درست هست ولی وقتی روی 800*600 قرار می گیره کل عرض صفحه دیده نمیشه و باید از نوار پیمایش استفاده بشه
البته این مشکل در اکثر سایت هایی که برای رزولیشن 1024 طراحی میشن هست مثل سایت های خبری معروف که همینجورین ولی اگه کاری کرد که در هر رزولیشنی عرض صفحه فیت بشه کاردسته !

http://laminor.org

کد هم بصورت زیر:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<LINK HREF="style.css" TYPE="text/css" REL="stylesheet">
<title>Home</title>

</head>
<body>
<table width="100%" style="height:840px;" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top" height="328">
<table width="832" style="height:328px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="6"><img src="images/spacer.gif" alt=""></td>
<td valign="top" width="824">
<table width="819" style="height:328px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="126">
<table width="766" style="height:126px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="444"><img src="images/logo.jpg" alt="" style="margin:53px 0 0 8px;"></td>
<td valign="top" width="63"><img src="images/deo.jpg" alt="" style="margin-top:43px;"></td>
<td valign="top" width="259">
<form id="form" action="">
<table width="299" style="height:116px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="198" class="ppp">&nbsp;<p>&nbsp;</p>
<p><input type="text" name="" size="20"></td>
<td valign="top" width="101"><a href="#">
<img src="images/search.jpg" alt="" border="0" style="margin-top:61px;" width="55" height="25"></a><p>&nbsp;</td>
</tr>
</table>
</form>
</td>
</tr>
</table>

</td>
</tr>
<tr>
<td valign="top" height="202">
<a href="#"><img src="images/1im1.jpg" alt="" align="left" style="margin:0 2px 0 3px;" border="0"></a><a href="#"><img src="images/1im2.jpg" alt="" align="top" border="0" style="margin-right:2px;" width="241" height="100"></a><a href="#"><img src="images/1im3.jpg" alt="" align="top" border="0" width="261" height="100"></a><br>
<a href="#">
<img src="images/1im4.jpg" alt="" border="0" align="top" style="margin:2px 2px 0 0;" width="241" height="100"></a><a href="#"><img src="images/1im5.jpg" alt="" align="top" border="0" style="margin:2px 0 0 0;" width="265" height="100"></a><br>
</td>
</tr>
</table>

</td>
<td valign="top" width="3"><img src="images/spacer.gif" alt=""></td>
</tr>
</table>

</td>
</tr>
<tr>
<td valign="top" height="512">
<table width="776" style="height:512px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="15"><img src="images/spacer.gif" alt=""></td>
</tr>
<tr>
<td valign="top" height="406">
<table width="812" style="height:406px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="10"><img src="images/spacer.gif" alt=""></td>
<td valign="top" width="192" style="border:1px solid #DCDCDC; ">
<table width="190" style="height:404px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="144">
<div class="lml" style="margin:21px 0 7px 22px;"><strong>Main Navigation</strong></div>
<div style="margin-left:22px;" class="xxxl">
<ul>
<li><a href="#">Home Page</a></li>
<li><a href="#">Marriage</a></li>
<li><a href="#">Parenting</a></li>
<li><a href="#">Singles</a></li>
<li><a href="#">Life Issues</a></li>
</ul>
</div>

</td>
</tr>
<tr>
<td valign="top" height="260">
<div class="lml" style="margin:0 0 0 22px;"><strong>Quick Links</strong></div><br style="line-height:9px;">
<div style="margin-left:22px;" class="xxxl">
<ul>
<li><a href="#">Broadcasts</a></li>
<li><a href="#">Conferences</a></li>
<li><a href="#">Online Store</a></li>
<li><a href="#">Articles</a></li>
<li><a href="#">The Family Room</a></li>
<li><a href="#">Forums</a></li>
<li><a href="#">HomeBuilders</a></li>
<li><a href="#">Support Us</a></li>
<li><a href="#">Worldwide</a></li>
<li><a href="#">Ecards</a></li>
<li><a href="#">Leaders</a></li>
<li><a href="#">Free e-News</a></li>
</ul>
</div>
</td>
</tr>
</table>

</td>
<td valign="top" width="373">
<table width="373" style="height:406px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="116" align="center">
<div class="lml" style="margin:17px 0 0 23px;"><strong><span>Featured
Articles</span></strong></div><br style="line-height:15px;">
<br style="line-height:3px;">
<b><a href="#">Lorem ipsum dolor sit amet</a></b><br>
molestie lacus. Aenean nonummy hendrerit mauris.<br>
Phasellus porta. Fusce suscipit varius mi. Cum sociis<br>
natoque...
</td>
</tr>
<tr>
<td valign="top" height="71" align="center">
<br style="line-height:3px;">
<b><a href="#">Lorem ipsum dolor</a></b><br>
molestie lacus. Aenean nonummy hendrerit mauris.<br>
Phasellus porta. Fusce suscipit varius mi...
</td>
</tr>
<tr>
<td valign="top" height="88" align="center">
<br style="line-height:3px;">
<b><a href="#">Lorem ipsum dolor sit amet dolor</a></b><br>
molestie lacus. Aenean nonummy hendrerit mauris.<br>
Phasellus porta. Fusce suscipit varius mi. Cum sociis<br>
natoque dolor...
</td>
</tr>
<tr>
<td valign="top" height="119" align="center">
<div class="lml" style="margin:0 0 0 23px;"><strong><span>Home Doctor</span></strong></div><br style="line-height:9px;">
&nbsp;<strong>Dr. Sara Stone</strong><br>
Lorem ipsum dolor sit amet, consec tetuer<br>
| adipiscing elit. Praesent vestibulum molestie<br>
lacus. Aenean nonummy hendrerit mauris.<br>
Phasellus porta. Fusce suscipit varius mi.<br>
<span><strong> <a href="#">Read More</a></strong></span>

</td>
</tr>
</table>

</td>
<td valign="top" width="239">
<table width="264" style="height:406px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="254" style="border:1px solid #DADADA;">
<div class="lml" style="margin:19px 0 0 16px;"><b>Latest News</b></div><br style="line-height:15px;">
<div style="margin-left:14px;" class="b">
<span>07/24/2006</span><br>
<b><a href="#">Lorem ipsum dolor</a></b><br>
molestie lacus. Aenean nonummy<br>
hendrerit mauris. Phasellus porta.<br>
Fusce suscipit varius mi. Cum<br>
sociis natoque...<br><br style="line-height:15px;">

<span>07/24/2006</span><br>
<b><a href="#">Lorem ipsum dolor</a></b><br>
molestie lacus. Aenean nonummy<br>
hendrerit mauris. Phasellus porta.<br>
Fusce suscipit varius mi. Cum<br>
sociis natoque...
</div>
</td>
</tr>
<tr>
<td valign="top" height="4"><img src="images/spacer.gif" alt=""></td>
</tr>
<tr>
<td valign="top" height="148" style="border:1px solid #DADADA;">
<table width="190" style="height:146px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" height="83">
<div class="lml" style="margin:16px 0 0 16px;"><b>Subscribe</b></div><br style="line-height:11px;">
<div style="margin-left:16px;">
enter Your email below to join<br>
our mailing list
</div>
</td>
</tr>
<tr>
<td valign="top" height="63" class="sm">
<form id="form3" action="">
<table width="190" style="height:60px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<input type="text" name=""><br>
<a href="#" onClick="document.getElementById('form3').reset()"><img src="images/submit.jpg" alt="" border="0" style="margin:7px 0 0 116px;"></a>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td valign="top" width="4"><img src="images/spacer.gif" alt=""></td>
</tr>
</table>

</td>
</tr>
<tr>
<td valign="top" height="91" class="footer">
<div style="margin:29px 0 0 25px;">
YourCompany.Com © 2006&nbsp;<img src="images/po.jpg" alt="" style="vertical-align:middle;">&nbsp;&nbsp;<a href="#">Privacy
Policy</a>&nbsp;<img src="images/po.jpg" alt="" style="vertical-align:middle;">&nbsp;<a href="#">Terms
Of Use</a><img src="images/spacer.gif" alt="" width="354" height="1">All
rights reserved
</div>
</td>
</tr>
</table>

</td>
</tr>
</table>

</body>
</html>
 

Y2K

Registered User
تاریخ عضویت
20 فوریه 2006
نوشته‌ها
656
لایک‌ها
1
محل سکونت
Location
سلام

برای اینکار من یه تست رو آپلود کردم که اگه این سایت رو ببینید در حالت 1024 * 768 درست هست ولی وقتی روی 800*600 قرار می گیره کل عرض صفحه دیده نمیشه و باید از نوار پیمایش استفاده بشه
البته این مشکل در اکثر سایت هایی که برای رزولیشن 1024 طراحی میشن هست مثل سایت های خبری معروف که همینجورین ولی اگه کاری کرد که در هر رزولیشنی عرض صفحه فیت بشه کاردسته !

http://laminor.org

کد هم بصورت زیر:

سلام
شما چندین جدول دیگه هم دارین که عرضشون ثابت تعریف شده
مثل
کد:
<table [B]width="832" [/B]style="height:328px;" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" width="6"><img src="images/spacer.gif" alt=""></td>
<td valign="top" width="824">
<table[B] width="819"[/B] style="height:328px;" border="0" cellspacing="0" cellpadding="0">
<tr>

شما باید تمام جاهایی رو که عرض رو مقدار ثابت دادین بصورت درصدی مقدار بدین
 

laminor

Registered User
تاریخ عضویت
13 ژانویه 2006
نوشته‌ها
29
لایک‌ها
0
سلام

بله تک تک جداول رو تغییر دادم مشکل حل شده

خیلی ممنون به خاطر کمک در حل مشکل
 
بالا