تنظیم کردن سایت با تمام مرورگرها

تو این 2 تا سایت که جناب "neopersia" فرمودن صفحه ی وبم رو چک کردم
تو css validator این error رو داده:

کد:

Value Error :background-image Parse Error9.jpg)

لینک background-image(

کد:

http://www.w3.org/TR/CSS21/colors.html#propdef-background-image

) رو هم رفتم اما متوجه نمی شم که مشکل از کجاست!!!

warning هم داره که بیشترش اینه:

کد:

Same colors for color and background-color in two contexts #autoXML3821140438211404 and #autoXML3821138838211388

یکی دیگه هم اینه:

کد:

Family names containing whitespace should be quoted. If quoting is omitted, any whitespace characters before and after the name are ignored and any sequence of whitespace characters inside the name is converted to a single space.

ممنون میشم راهنماییم کنید..

حالا که style رو درست می کنم تو IE یه جور نشون میده،تو ff یه جور دیگه..:41:
باید چیکار کنم؟style رو چطوری تنظیم کنم که هر دو تاشون درست نشون بده؟؟
لطفا کمکم کنید

نقل قول:

نوشته شده توسط roebuck [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

الان از "www.developerstudio.ir " آموزش css رو خوندم دیدم کد نویسی من طبق css هست...!!!
اما با این حال firefox درست نشون نمی ده..
مشکل من اینه که background هارو نشون نمی ده،به همین خاطر ریخته بهم...نمی دونم چیکار کنم:41:

فکر کنم بدونم مشکل شما کجاست. شما از float برای قرار دادن دو ستون توی صفحه استفاده کردید؟ فایرفاکس برای نشون دادن پشت‌زمینه عنصر والد که چند تا عنصر float شده رو نگه‌داری می‌کنه مشکل داره، ولی IE نه. اگه شما همچین مشکلی دارید بگید تا راه حلشو بگم. :10:

من اصلا نمی دونم float که شما میگین کجا هست!!:46:
داخل این td هایی که background رو نشون نمیده این چیزها هست:
flash control-textbox-button
تو یکیش هم هیچ چیزی نیست...
راه حلی وجود داره؟

می‌تونید سورس صفحه یا قالبی که استفاده می‌کنید رو بذارید؟

حتما

کد:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="home.aspx.cs" Inherits="_Default" %> <%@ Register Assembly="FlashControl" Namespace="Bewise.Web.UI.WebControls" TagPrefix="Bewise" %> <!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 runat="server"> <title>آفشید</title> <style type="text/css"> td.lefttd1 { width:196px; background-image: url(pics/chap zire flash.jpg) } td.lefttd2 { width:196px; background-image: url(pics/down_left4.jpg) } td.lefttd3 { width:196px } div.dleft { position:absolute; position: absolute; top: 156px; left:19px } td.testtd { BACKGROUND-COLOR:#ff0066 } table.cc { position:absolute; right:2px } asp:TextBox.tb { position:absolute; right:4px } #Button1 { position:absolute; right:10px; BackColor:#400000 } <%--td.rightup { background-image: url(pics/back_slogan 9.jpg) }--%> td.rightdown { background-image: url(pics/login_back1 copy.jpg) } td.middletd { width: 381px } table.flashs { position: absolute; left: 685px; top: 148px } </style> </head> <body bgcolor="#e9e9e9" style="font-family: Times New Roman"> <form id="form1" runat="server"> <div> <div dir="rtl" style="text-align: center; background-color: #ffffff;"> <table border="0" cellpadding="0" cellspacing="0" style="z-index: 120; left: 100px; position: absolute; top: 0px; text-align: center; width: 758px; height: 642px;"> <caption> </caption> <tr> <td class="rightup" colspan="2" style=" background-image: url(pics/back_slogan 9.jpg); height: 143px; width: 175px; border-right: #336699 thin double;" >       </td> <td colspan="6" style="height: 143px; width: 577px; background-image: url(pics/slogan.jpg); border-left: #336699 thin double;" align="right"> <div><Bewise:FlashControl ID="FlashControl2" runat="server" Style="z-index: 124; right: 0px; position: absolute; top: 0px" BrowserDetection="False" Height="148px" MovieUrl="~/web-3.swf" Width="577px" /></div> </td> <td colspan="1" style="width: 7px; border-left-width: thin; border-left-color: #336699;" rowspan="15">  </td> </tr> <tr> <td align="right" colspan="2" dir="rtl" style="background-image: url(pics/rast khali 2.jpg); height: 201px; text-align: right; width: 175px; border-right: #336699 thin double;" valign="top"> <div style="text-align: center"> <table class="flashs" border="0" cellpadding="0" cellspacing="0" style="z-index: 101; left: 685px; top: 148px; position: absolute;"> <caption> </caption> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl9" runat="server" Height="33px" MovieUrl="~/bb7.swf" Style="z-index: 173; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl3" runat="server" Height="33px" MovieUrl="~/bb3.swf" Style="z-index: 159; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl4" runat="server" Height="33px" MovieUrl="~/bb2.swf" Style="z-index: 161; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl5" runat="server" Height="33px" MovieUrl="~/bb1.swf" Style="z-index: 163; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl6" runat="server" Height="33px" MovieUrl="~/bb4.swf" Style="z-index: 165; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl7" runat="server" Height="33px" MovieUrl="~/bb5.swf" Style="z-index: 167; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> <tr> <td style="width: 163px"> <Bewise:FlashControl ID="FlashControl8" runat="server" Height="33px" MovieUrl="~/bb6.swf" Style="z-index: 169; right: 0px; position: absolute; top: 0px" Width="168px" /> </td> </tr> </table>  </div> </td> <td class="middletd" colspan="4" style="height: 204px; text-align: right; background-color: #ffffff; width: 381px;" dir="rtl" align="right"><asp:Image ID="Image6" runat="server" ImageUrl="~/pics/talar5.jpg" Style=" position: absolute; top:148px;" Width="377px" /> </td> <td class="lefttd1" colspan="2" style="height: 201px; width: 11px; text-align: center; border-left: #336699 thin double;" align="center" valign="middle">   <div class="dleft" style="z-index: 100; width: 182px; height: 135px"> <br /> <Bewise:FlashControl ID="FlashControl1" runat="server" Height="150px" Loop="True" MovieUrl="~/web-4.swf" Style="z-index: 125; position: absolute; top: 0px" Width="148px" /> </div> </td> </tr> <tr> <td align="center" colspan="2" dir="rtl" style="width: 175px; background-image: url(pics/rast3.jpg); text-align: center; border-right: #336699 thin double;" valign="top" rowspan="4"> <strong><span style="color: #ffffff"> <br /> </span></strong><span style="font-size: 12pt"><strong><span style="color: #003399"></span> </strong> <asp:Image ID="Image2" runat="server" ImageUrl="~/pics/ticklepaein.gif" Style="z-index: 100; right: 7px; position: absolute; top: 400px" Height="16px" Width="16px" /> <strong><span style="color: #ffffff"></span></strong> <br /> <br /> <br /> <br /> <br /> <br /> <asp:Image ID="Image5" runat="server" ImageUrl="~/pics/ticklepaein.gif" Style="z-index: 102; right: 146px; position: absolute; top: 401px;" Height="16px" Width="16px" /> </span> </td> <td class="middletd" colspan="4" style="width: 381px; height: 11px; background-color: #ffffff;"><a href="http://www.afshid.net"><span style="font-size: 14pt">afshid.net</span></a>                          <a href="http://www.afshid.net/support"><span style="font-size: 14pt">Online Support</span></a>    </td> <td class="lefttd2" colspan="2" rowspan="11" style="width: 11px; border-left: #336699 thin double;"> <br /> <br /> <br /> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 14px; background-color: #ffffff; text-align: left;" dir="ltr" class="middletd"> <span style="color: #003399">  <strong> </strong> <strong> </strong></span> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 9px; background-color: #ffffff; text-align: right;" dir="rtl" class="middletd"> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 8px; background-color: #ffffff; text-align: center; background-image: url(pics/footer1.jpg);" dir="rtl" class="middletd"> <strong><span style="color: #ffffff">تازه ها</span></strong></td> </tr> <tr> <td class="rightdown" align="center" colspan="2" dir="rtl" rowspan="8" style="width: 175px; border-right: #336699 thin double;" valign="top"> <asp:TextBox CssClass="tb" ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged" Style="z-index: 100; right: 11px; position: absolute; top: 525px"></asp:TextBox> <asp:TextBox CssClass="tb" ID="TextBox2" runat="server" Style="z-index: 101; right: 11px; position: absolute; top: 570px" TextMode="Password" Width="147px"></asp:TextBox> <asp:Button ID="Button1" runat="server" Height="24px" Style="z-index: 103; position:absolute; top: 613px; right:53px" Text="Sign In" Font-Bold="True" Font-Size="Small" ForeColor="White" OnClick="Button1_Click1" BackColor="Navy" /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </td> <td colspan="4" style="width: 381px; height: 23px; background-color: #ffffff; text-align: right;" dir="rtl" class="middletd"><div>  <asp:HyperLink ID="HyperLink7" runat="server" Font-Size="Small" ForeColor="Navy" NavigateUrl="~/a10.aspx">راه‌اندازي سرويس خدمات غيرحضوري ارتباطات سيار.</asp:HyperLink></div> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 23px; background-color: #e9f4fc; text-align: right;" dir="rtl" class="middletd"><div>  <asp:HyperLink ID="HyperLink8" runat="server" Font-Size="Small" ForeColor="Navy" NavigateUrl="~/a12.aspx">توليد نرم‌افزار مشاهده دامنه اینترنتی فارسی.</asp:HyperLink></div> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 23px; background-color: #ffffff; text-align: right;" dir="rtl" class="middletd"><div>  <asp:HyperLink ID="HyperLink10" runat="server" Font-Size="Small" ForeColor="Navy" NavigateUrl="~/a11.aspx">اعلام عملکرد کمیسیون فناوری اطلاعات و تجارت الکترونیک.</asp:HyperLink></div> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 23px; background-color: #e9f4fc; text-align: right;" dir="rtl" class="middletd"><div>  <asp:HyperLink ID="HyperLink9" runat="server" Font-Size="Small" ForeColor="Navy" NavigateUrl="~/a9.aspx">مذاكره نظام صنفي و انجمن ISPها.</asp:HyperLink></div> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 23px; background-color: #ffffff; text-align: right;" dir="rtl" class="middletd"><div>  <asp:HyperLink ID="HyperLink12" runat="server" Font-Size="Small" ForeColor="Navy" NavigateUrl="~/a8.aspx">تلاش کارشناسان برای اصلاح یک حفره بسیار خطرناک اینترنتی.</asp:HyperLink></div> </td> </tr> <tr> <td colspan="4" style="width: 381px; height: 23px; background-color: #e9f4fc; text-align: right;" dir="rtl" class="middletd"><div>  <asp:HyperLink ID="HyperLink11" runat="server" Font-Size="Small" ForeColor="Navy" NavigateUrl="~/a7.aspx">پلاک منزل ساکنین وب از مرز یک تریلیون گذشت.</asp:HyperLink></div> </td> </tr> <tr> <td colspan="4" style="width: 381px; text-align: right; height: 24px; background-color: #ffffff;" dir="rtl" class="middletd"> </td> </tr> <tr> <td colspan="4" style="width: 388px;"> <span style="font-size: 8pt; color: #333399">   Designed By Roebuck                                  Copyright<span style="color: #003399; font-family: Arial">©</span>2007-2008 Afshid</span></td> <td class="lefttd3" colspan="2" rowspan="1" style="width: 11px; border-left: #336699 thin double;">    </td> </tr> <tr> <td colspan="8" style="height: 20px; background-image: url(pics/footer1.jpg); width: 745px; text-align: center; border-right: #336699 thin double; border-left: #336699 thin double;"> <br /> </td> </tr> </table> </div> </div> </form> </body> </html>

اگه همین سورس رو به html validator داده باشید اون ارورها عجیب نیست!
اونجا یا باید مستقیم کد html/xhtml رو وارد کنید یا آدرس صفحه توی وب رو بدید تا درست کار کنه (چون وقتی توی سرور آپلود بشه تبدیل میشه به html).

نقل قول:

اونجا یا باید مستقیم کد html/xhtml رو وارد کنید یا آدرس صفحه توی وب رو بدید تا درست کار کنه (چون وقتی توی سرور آپلود بشه تبدیل میشه به html).

متوجه منظور شما نشدم!!من آدرس همین صفحه که تو سرور آپلود کردم رو دادم،اشتباه کردم؟

بیشتر مشکلاتم رو تونستم حل کنم،حالا مونده background چند تا td جدول که هنوز نتونستم درست کنم..
ممنون میشم راهنماییم کنید.

جناب TemplateMonster شما فرموده بودین راه حل دارین برای مشکل background..میشه راهنماییم کنید؟ممنونم

این کد شما الان HTML خالص نیست. #C ه. این کد تو سرور تفصیر میشه و خروجی اون میشه html
بگذریم. من مطمئن نیستم چون تست نکردم اما فکر میکنم اون همه موقعیت دهی (positioning) به صورت مطلق (absolute) کار تنظیم ظاهر صفحه رو توی رزولوشن های مختلف و مخصوصاً توی مرورگرهای مختلف خیلی مشکل میکنه. نیازی به این موقعیت دهی ها وجود نداره!

تا جایی که ممکن بود position هارو برداشتم از کدم.
شما در مورد background راه حلی سراغ ندارین؟هرچی گشتم هیچ راهی پیدا نکردم!!!