خروج <table> از <p>

شروع موضوع توسط Webber ‏15 مارس 2008 در انجمن زبان HTML

  1. Webber

    Webber Well-Known Member

    ارسال‌ها:
    769
    تشکر شده:
    1,090
    امتیاز دستاورد:
    93
    سلام
    مشکل من اینه که جدول تو تگ <p> بند نمیشه و میزنه بیرون.البته فقط در firefox و opera.در این مورد ie موفق نشون داده.
    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>table in p</title>
    </head>

    <body style="text-align: center">

    <p style="border: 1px solid #CCFF33; width: 322px">
    <table style="border: 1px solid #663300; width: 49%">
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>

    </p>

    </body>

    </html>
     
    منتظر نظرات شما هستم
    با تشکر...
     
    نوشته شده توسط Webber در ‏15 مارس 2008
  2. Zanguei

    Zanguei Member

    ارسال‌ها:
    324
    تشکر شده:
    101
    امتیاز دستاورد:
    16
    سلام دوست عزیز
    استفاده از تگ table در تگ p منطقی نمی باشد و تگ p برای این کار استفاده نشده بلکه به عنوان تگ پاراگرف متنی استفاده می شود. برای همین دو مرورگر FF و Opera اون رو به حساب نیاورده و تگ مادر جدول را همان تگ body محسوب می کنند لذا عرض جدول برابر 49% عرض تگ مادر یعنی همان body نمایش داده خواهد شد که البته این نکته را IE رعایت نمی کند. اگر به جای استفاده از تگ p از تگ div که اختصار کلمه division بوده و برای تقسیم بندی صفحه بکار می رود استفاده کنید این مشکل حل میشه و در اون مرورگرها هم به درستی نمایش داده خواهد شد.
    موفق باشید.
     
    نوشته شده توسط Zanguei در ‏15 مارس 2008
    Webber و echessdesign از این پست تشکر کرده اند.
  3. yakoza

    yakoza Well-Known Member

    ارسال‌ها:
    742
    تشکر شده:
    381
    امتیاز دستاورد:
    63
    بیا دوست عزیز
    یه سری تغییرات توش دادم

    قربانت ناصر

    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>table in p</title>
    </head>

    <body>

    <div style="border: 1px solid #CCFF33; width: 322px; margin:0 auto;">
    <table style="border: 1px solid #663300; width: 49%;" align="center">
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
    </table>

    </div>

    </body>

    </html>
     
     
    نوشته شده توسط yakoza در ‏15 مارس 2008
    baviran و Webber از این پست تشکر کرده اند.

به اشتراک بگذارید