Folge dem Video um zu sehen, wie unsere Website als Web-App auf dem Startbildschirm installiert werden kann.
Anmerkung: Diese Funktion ist in einigen Browsern möglicherweise nicht verfügbar.
shutdown hat gesagt.:1. Rein Html oder CSS?
2. Was verstehst du nicht?
<html>
<head>
<title>Titel</title>
<style type="text/css">
body
{
background-color: #FFFFFF;
font-family: verdana;
font-size: 10px;
color: #000000;
font-style: normal;
font-weight: normal;
margin: 0;
}
#centerDiv
{
position: absolute;
left: 50%;
width: 745px;
margin-left: -372.5px; /* neg. Hälfte von width:745px = horizontal zentriertes DIV */
top: 50%;
height: 592px; /* Tatsächliche Tabellen-Höhe */
margin-top: -296px; /* neg. Hälfte von height:592px = vertikal zentriertes DIV */
}
a:link, a:visited
{
font-weight: normal;
color: #FF9900;
text-decoration: none;
}
a:hover
{
font-weight: normal;
color: white;
text-decoration: none;
background-color: #FF9900
</style>
</head>
<body>
<div id="centerDiv" style="width: 768; height: 596">
<table border="1" width="745" id="table1" height="500" cellspacing="0" bordercolorlight="#000000" style="border-collapse: collapse" cellpadding="0" bordercolordark="#000000">
<tr>
<td height="30" colspan="8" bgcolor="FFFFFF" width="745">
<font color="#FFFFFF"> </font>
</td>
</tr>
<tr>
<td rowspan="4" width="10" height="500" bgcolor="FFFFFF">
<font color="#FFFFFF"> </font>
</td>
<td height="109" colspan="6" width="674">
</td>
<td rowspan="4" border="1" width="10" height="500" bgcolor="FFFFFF">
<font color="#FFFFFF"> </font>
</td>
</tr>
<tr>
<td height="36" width="229" bgcolor="FFFFFF">
</td>
<td height="36" colspan="5" bgcolor="FFFFFF" width="445">
</td>
</tr>
<tr>
<td colspan="6" height="400" bgcolor="FFFFFF" width="674">
<span style="font-size: 8pt">
<iframe name="I1" height="100%"
width="100%" border="0" frameborder="0" target="inhalt" src="home/home.html">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der
derzeitigen Konfiguration nicht an.</iframe></span>
</td>
</tr>
<tr>
<td height="24" colspan="6" bgcolor="FFFFFF" width="674">
<p align="center" style="font-size: 8pt">
</p>
</td>
</tr>
</table>
</div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Titel</title>
<style type="text/css">
<!--
body
{
background-color: #FFFFFF;
font-family: verdana;
font-size: 10px;
color: #000000;
font-style: normal;
font-weight: normal;
margin: 0;
}
div#centerDiv
{
position: absolute;
left: 50%;
width: 745px;
margin-left: -372.5px; /* neg. Hälfte von width:745px = horizontal zentriertes DIV */
top: 50%;
height: 600px; /* Tatsächliche Tabellen-Höhe */
margin-top: -300px; /* neg. Hälfte von height:600px = vertikal zentriertes DIV */
}
table#table1
{
width: 745px;
height: 600px; /* Tatsächliche Tabellen-Höhe */
border-collapse: collapse;
}
a:link, a:visited
{
font-weight: normal;
color: #FF9900;
text-decoration: none;
}
a:hover
{
font-weight: normal;
color: white;
text-decoration: none;
background-color: #FF9900;
}
-->
</style>
</head>
<body>
<div id="centerDiv">
<table border="1" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td height="30" colspan="8" bgcolor="FFFFFF" width="745">
<font color="#FFFFFF"> </font>
</td>
</tr>
<tr>
<td rowspan="4" width="10" height="500" bgcolor="FFFFFF">
<font color="#FFFFFF"> </font>
</td>
<td height="109" colspan="6" width="725">
</td>
<td rowspan="4" border="1" width="10" height="500" bgcolor="FFFFFF">
<font color="#FFFFFF"> </font>
</td>
</tr>
<tr>
<td height="36" width="362" bgcolor="FFFFFF">
</td>
<td height="36" colspan="5" bgcolor="FFFFFF" width="362">
</td>
</tr>
<tr>
<td height="36" width="362" bgcolor="FFFFFF">
</td>
<td colspan="5" height="400" bgcolor="FFFFFF" width="362">
<iframe name="I1" height="400"
width="362" border="0" frameborder="0" src="home/home.html">
Ihr Browser unterstützt Inlineframes nicht oder zeigt sie in der
derzeitigen Konfiguration nicht an.</iframe>
</td>
</tr>
<tr>
<td height="24" colspan="6" bgcolor="FFFFFF" width="725">
<p align="center" style="font-size: 8pt">
</p>
</td>
</tr>
</table>
</div>
</body>
</html>