لا يمكنني جعل الجدول في وسط الصفحة افقيََا
![](https://3alam.pro/img/avatars/avatar15.jpg)
السلام عليكم ورحمه الله وبركاته
سويت صفحة اتش تي ام ال بخلي في جدول يعرض بيانات المعلمين في النص سويت سويت كذا على السي اس اس :
table {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
border-collapse: collapse;
}
لما حاول احل المشكلة واشرت في المتصفح على ال body ما تحددت كل الصفحة فقط تحدد خط صغير فوق الصفحة :
هذي صفحة الاتش تي ام ال :
<?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");
}
?>
الإجابة الصحيحة
![](https://s3.eu-west-2.amazonaws.com/uploads.3alampro.com/old/monthly_2017_10/mouse.png.718c9ae42088ded0d1ab9b2de1000641.png)
لم أفهم أين المشكلة أو السؤال؟ هل مشكلتك في ارتفاع الـ body؟
يمكنك حل مشكلة ارتفاع ال body باستخدام css كالآتي:
body {
height: 100vh;
}
الإجابات (1)
![](https://s3.eu-west-2.amazonaws.com/uploads.3alampro.com/old/monthly_2017_10/mouse.png.718c9ae42088ded0d1ab9b2de1000641.png)
لم أفهم أين المشكلة أو السؤال؟ هل مشكلتك في ارتفاع الـ body؟
يمكنك حل مشكلة ارتفاع ال body باستخدام css كالآتي:
body {
height: 100vh;
}
لايوجد لديك حساب في عالم البرمجة؟
تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !