HTML táblázat, monitor kijelzőn középen van minden, telefonos nézetben viszont balra ugrik a táblázat, miért csinálja?
<html lang="hu">
<head>
<title>Órarend</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/orarend.css">
<link rel="icon" type="image/png" href="favicon.ico">
</head>
<body>
<header> Órarend</header>
<hr style="height:5px;background-color:gray; width:1000px;">
<table border="5" width="600px" height="400"
align="center" bgcolor="#f9ecf2">
<tr>
<td></td>
<th>Hétfő</th>
<th>Kedd</th>
<th>Szerda</th>
<th>Csütörtök</th>
</tr>
<tr>
<th>08:00~09:40</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>10:00~11:40</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>12:00~13:00</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>13:40~15:20</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<th>15:30~17:10</th>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
</table>
</body>
És a CSS része
body{
margin:0;
background-color:silver;
line-height:30px;
font-family: "Raleway", sans-serif;
text-align: center;
color:#0033cc;
}
}
*{
box-sizing:border-box;
}
header{
background: url('../weblapikon/orarend.jpg');
font-size:40px;
background-size: cover;
color: white;
line-height:155px;
width: 1000px;
margin:0 auto;
}
Mond meg a heder-nek és a hr-nek hogy
max-width: 1000px
min-width: 600px
a tábla margója legyen: 0 auto 0 auto
Elvileg...
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!