لا يمكنني جعل الجدول في وسط الصفحة افقيََا

Suhail Bahawi • منذ سنة

السلام عليكم ورحمه الله وبركاته
سويت صفحة اتش تي ام ال بخلي في جدول يعرض بيانات المعلمين في النص سويت سويت كذا على السي اس اس :
 

table {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    border-collapse: collapse;
}

لما حاول احل المشكلة واشرت في المتصفح على ال body ما تحددت كل الصفحة فقط تحدد خط صغير فوق الصفحة  : 

http://prntscr.com/l2jzsc

هذي صفحة الاتش تي ام ال : 
 

<?php 

include "DB-Connection.php";
session_start();



if (isset($_SESSION['pinNumber']) && $_SESSION['rank'] == true) {
    
    ?>
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Admin-Panel</title>
            
            <!-- Style Files -->
            <link type="text/css" rel="stylesheet" href="Style.css">
            <link type="text/css" rel="stylesheet" href="Animate.css">
        </head>
        <body>
            <table>
                <tr>
                    <th>Firstname</th>
                    <th>Lastname</th>
                    <th>Savings</th>
                </tr>
                <tr>
                    <td>Peter</td>
                    <td>Griffin</td>
                    <td>$100</td>
                </tr>
                <tr>
                    <td>Lois</td>
                    <td>Griffin</td>
                    <td>$150</td>
                </tr>
                <tr>
                    <td>Joe</td>
                    <td>Swanson</td>
                    <td>$300</td>
                </tr>
                <tr>
                    <td>Cleveland</td>
                    <td>Brown</td>
                    <td>$250</td>
                </tr>
            </table>
        </body>
    </html>

    <?php
} else {
    header("Location: ../index.php");
}




?>

 

كلمات دليلية: css html website

الإجابة الصحيحة

عمار الخوالدة • منذ سنة

لم أفهم أين المشكلة أو السؤال؟ هل مشكلتك في ارتفاع الـ body؟ 
يمكنك حل مشكلة ارتفاع ال body باستخدام css كالآتي:
 

body {
    height: 100vh;
}

 

الإجابات (1)

عمار الخوالدة • منذ سنة
الإجابة الصحيحة

لم أفهم أين المشكلة أو السؤال؟ هل مشكلتك في ارتفاع الـ body؟ 
يمكنك حل مشكلة ارتفاع ال body باستخدام css كالآتي:
 

body {
    height: 100vh;
}

 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !