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

Webber

Webber

Well-Known Member
سلام
مشکل من اینه که جدول تو تگ <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>
منتظر نظرات شما هستم
با تشکر...
 
Zanguei

Zanguei

Member
سلام دوست عزیز
استفاده از تگ table در تگ p منطقی نمی باشد و تگ p برای این کار استفاده نشده بلکه به عنوان تگ پاراگرف متنی استفاده می شود. برای همین دو مرورگر FF و Opera اون رو به حساب نیاورده و تگ مادر جدول را همان تگ body محسوب می کنند لذا عرض جدول برابر 49% عرض تگ مادر یعنی همان body نمایش داده خواهد شد که البته این نکته را IE رعایت نمی کند. اگر به جای استفاده از تگ p از تگ div که اختصار کلمه division بوده و برای تقسیم بندی صفحه بکار می رود استفاده کنید این مشکل حل میشه و در اون مرورگرها هم به درستی نمایش داده خواهد شد.
موفق باشید.
 
yakoza

yakoza

Well-Known Member
بیا دوست عزیز
یه سری تغییرات توش دادم

قربانت ناصر

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>
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا