نمایش نتایج 1 تا 3 از 3

نام تاپیک: بهم ریخته شدن صفحه ( ظاهر شدن اسکرول )

  1. #1

    بهم ریخته شدن صفحه ( ظاهر شدن اسکرول )

    سلام دوستان خوبم

    با عرض معذرت به خاطر اینکه اولین پستم توی این فروم با یک سوال آماتوری آغاز میشه میخواستم ازتون خواهش کنم لطف کنید و به من بگین که چرا صفحه html رو که من طراحی کردم ( البته درست نیست بگم طراحی !! ) توی مانیتور خودم کاملا صحیح نمایش داده میشه اما تو مانیتور های دیگه اسکرول های افقی و عمودی میخوره و چیدمان صفحه هم توی Firefox و IE متفاوت میشه !

    میدونم سوال ابتدایی هست اما لطف کنید و توضیح بدین که منم یاد بگیرم . ممنونم .
    لطفا اگر لینک و یا منبع دیگری هم در سایت سراغ دارین قرار بدین چون من search کردم اما
    چیزی پیدا نکردم .

    این هم کدهای صفحه :

    کد HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>E.G.Ghorbani’s Paintings Gallery / وب سایت شخصی</title>
    <style type="text/css">
    <!--
    body {
     background-color: #292929;
    }
    #apDiv1 {
     position:absolute;
     left:89px;
     top:59px;
     width:57px;
     height:59px;
     z-index:1;
    }
    #apDiv2 {
     position:absolute;
     left:211px;
     top:-132px;
     width:464px;
     height:292px;
     z-index:1;
    }
    #apDiv7 {
     position:absolute;
     left:156px;
     top:136px;
     width:14px;
     height:26px;
     z-index:7;
    }
    #apDiv {
     position:absolute;
     left:95px;
     top:209px;
     width:14px;
     height:26px;
     z-index:7;
    }
    #apDiv5 {
     position:absolute;
     left:160px;
     top:96px;
     width:20px;
     height:21px;
     z-index:5;
    }
    .style7 { color: #FFFFFF;
     font-family: Tahoma;
     font-size: 12px;
    }
    #apDiv12 {
     position:absolute;
     left:169px;
     top:99px;
     width:124px;
     height:13px;
     z-index:12;
    }
    #apDiv6 {
     position:absolute;
     left:150px;
     top:116px;
     width:69px;
     height:19px;
     z-index:6;
    }
    #apDiv13 {
     position:absolute;
     left:159px;
     top:119px;
     width:124px;
     height:13px;
     z-index:12;
    }
    #apDiv14 {
     position:absolute;
     left:165px;
     top:139px;
     width:124px;
     height:13px;
     z-index:12;
    }
    #apDiv8 {
     position:absolute;
     left:839px;
     top:107px;
     width:26px;
     height:14px;
     z-index:8;
    }
    #apDiv15 {
     position:absolute;
     left:851px;
     top:110px;
     width:124px;
     height:13px;
     z-index:12;
    }
    #apDiv9 {
     position:absolute;
     left:855px;
     top:129px;
     width:26px;
     height:17px;
     z-index:9;
    }
    #apDiv16 {
     position:absolute;
     left:871px;
     top:132px;
     width:124px;
     height:13px;
     z-index:12;
    }
    #apDiv3 {
     position:absolute;
     left:221px;
     top:192px;
     width:682px;
     height:395px;
     z-index:14;
    }
    #apDiv4 {
     position:absolute;
     left:388px;
     top:608px;
     width:346px;
     height:16px;
     z-index:14;
    }
    a:link {
     text-decoration: none;
     color: #666666;
    }
    a:visited {
     text-decoration: none;
    }
    a:hover {
     text-decoration: none;
     color: #999999;
    }
    a:active {
     text-decoration: none;
    }
    a {
     font-family: Tahoma;
    }
    #apDiv10 {
     position:absolute;
     left:183px;
     top:591px;
     width:828px;
     height:19px;
     z-index:14;
    }
    body,td,th {
     color: #FFFFFF;
    }
    .style13 {color: #FFFFFF}
    .style15 {
     color: #666666;
     font-size: 12px;
    }
    -->
    </style>
    <meta name="keywords" content="art,painting,gallery,abstract,oil,expressionism,exebition,نقاشی,طراحی,گالری,رنگ روغن,نمایشگاه,اکسپرسیونیسم,امپرسیونیسم,ابرنگ,">
    <script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
    </head>
    <body alink="#CCCCCC">
    <div id="apDiv2"><img src="index/detail_s/1.png" width="704" height="520" /></div>
    <div id="apDiv5"><img src="index/detail_s/1.jpg" alt="Paintings Gallery" width="144" height="20" /></div>
    <div class="style7" id="apDiv12">
      <div align="center"><a href="http://localhost/index.php?x=browse"> <span style="text-decoration: none"><font color="#FFFFFF">Gallery</font></span><span class="style13">/گالری</span></a></div>
    </div>
    <div id="apDiv6"><img src="index/detail_s/2.jpg" alt="My Exebitions" width="144" height="20" /></div>
    <div class="style7" id="apDiv13">
      <div align="center">Exebitions/نمایشگاه ها</div>
    </div>
    <div id="apDiv7"><img src="index/detail_s/3.jpg" alt="How to . . ." width="144" height="20" /></div>
    <div class="style7" id="apDiv14">
      <div align="center">My Workflow</div>
    </div>
    <div id="apDiv8"><img src="index/detail_s/4.jpg" alt="Contact Me" width="144" height="20" /></div>
    <div class="style7" id="apDiv15">
      <div align="center"><a href="http://localhost/index.php?x=about"><font color="#FFFFFF">Biography</font><span class="style13"> / زندگی نامه</span></a></div>
    </div>
    <div id="apDiv9"><img src="index/detail_s/5.jpg" alt="Other about me &amp; My friends" width="144" height="20" /></div>
    <div class="style7" id="apDiv16">
      <div align="center">Links / پیوند ها </div>
    </div>
    <div id="apDiv3" style="position: absolute; left: 224px; top: 188px">
      <script type="text/javascript">
    AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','687','height','398','title','E.Ghorbani Painting Galley','src','index/photos_about','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','index/photos_about' ); //end AC code
    </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="687" height="398" title="E.Ghorbani Painting Galley">
        <param name="movie" value="index/photos_about.swf" />
        <param name="quality" value="high" />
        <embed src="index/photos_about.swf" width="687" height="398" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
      </object>
    </noscript></div>
    <div class="style15" id="apDiv10">
      <p align="center">All Rights Reserved © 2008.<br />
        All the Paintings and The other in this site may be used or copied only with the artist`s consent. </p>
      <p align="center">&nbsp;</p>
      <p align="center"></p>
    </div>
    <table width="704" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td width="704"><img src="index/detail_s/Untitled-1.gif" width="703" height="166" /></td>
      </tr>
      <tr>
        <td><img src="index/detail_s/back_01.gif" width="704" height="416" /></td>
      </tr>
      <tr>
        <td><div id="apDiv"></div></td>
      </tr>
    </table>
    <div align="center"><img src="index/detail_s/back_02.gif" width="704" height="56" />
    </div>
    </body>
    </html>
    باتشکر فراوان

  2. #2

    نقل قول: بهم ریخته شدن صفحه ( ظاهر شدن اسکرول )

    خودندن این کد صبر ایوب می خواد دوست عزیز و گرامی

    اما در کل برای اینکه سایتتون در اصطلاح Cross Browser باشه و توی مرورگرهای مختلف به هم نریزه باید استاندارد ها رو رعایت کنید .
    برای اطلاع بیشتر در مورد استاندارد های طراحی کمی وقت بزارید و سایت W3Schools رو مرور کنید به نتایج خوبی می رسید.

    در مورد اسکرول سایتتون هم این طبیعیه و به خاطر بالا یا پایین بودن فرکانس مانیتورهای مختلف پیش میاد و نگرانش نباشید . شما بر اساس مانیتور خودتون طراحی کنید چون این موضوع را نمی شه قطعا کنترل کرد

  3. #3

    نقل قول: بهم ریخته شدن صفحه ( ظاهر شدن اسکرول )

    البته برای اسکرول ارتفاعی که نمیشه حدی مشخص کرد و بستگی به محتوا داره ولی برای کنترل اسکرول عرضی بهترین شیوه کنترل اون طراحی برا اساس مقادیر درصدی و با استفاده از لایه هاست که البته کمی هم مشکل و وقت گیره ، میشه قالب کلی سایت رو درون یک جدول با عرض معین و استاندارد قرار داد ، اندازه های استاندارد برای عرض که بر پایه Resolution های انتخابی کاربران برای مونیتورشون انتخاب میشه معمولا ، 600 ، 990 و گاهی 1024 پیکسل هستند

قوانین ایجاد تاپیک در تالار

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