ZeroXCola: Darstellung der Datein index.html und andere

Beitrag lesen

SELF-Forum

Darstellung der Datein index.html und andere

ZeroXCola
– Informationen zu den Bewertungsregeln

Hallo großes Forum,
mit dem gleichen Code und unterschiedlichen Dateinamen wird mir die Webseite unterschiedlich dargestellt, wie auf den kommenden Bildern zu sehen:

Dateiname: index.html
indexhtm

Dateiname: xyz.html
xyzhtm

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">  
<html xmlns="http://www.w3.org/1999/xhtml">  
  
<head>  
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />  
        <title>C++ f&uuml;r Einsteiger</title>  
        <link href="design.css" type="text/css" rel="stylesheet" />  
</head>  
  
<body style=" background-color:#F17026;">  
  
<div class="HeaderKasten">  
         <div align='center'>  
                 <img width="90%" src="Pics/Logo.png" alt="Logo" />  
         </div>  
         <div class="SeitenAuswahl">  
                  <a href="./index.html"><img alt="Home" src="Button/Home.png" /></a>  
                  <a href="./Download.html"><img alt="Download" src="Button/Download.png" /></a>  
                  <a href="./Info.html"><img alt="Info" src="Button/Info.png" /></a>  
                  <a href="./Food.html"><img alt="Food" src="Button/Food.png" /></a>  
         </div>  
</div>  
  
<div class="InhaltsKasten">  
         <h1> Herzlich willkommen bei der Lan-Party </h1>  
         <p>  Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext. </p>  
  
         <h1> Voraussetzungen </h1>  
         <p>  Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext.Dies ist ein Wilkommenstext. </p>  
  
</div>  
  
</body>  
</html>

* { color:#787878; font-family:Arial,sans-serif }  
  
.HeaderKasten {  padding-left: 10%; padding-right:10%; width:80%; margin-top:20px; }  
.SeitenAuswahl { text-align:center; }  
  
.InhaltsKasten { position:absolute; background-color:#ffffff; width:60%; left:20%; right:20%; border: 6px solid #FF0000; }  
  
h1 { font-size:140%; text-align:center; }  
h2 { font-size:120%; border-top: 1px solid #EB9BEB; }  
p { font-size: 100%; padding: 5px; }  
  
Inhaltskasten a { padding-left: 20px; }  
a:link { text-decoration:none; font-weight:bold; color:#e00000; }  
a:visited { text-decoration:none; font-weight:bold; color:#800000; }  
a:hover { text-decoration:none; font-weight:bold; background-color:#ff0; }  
a:active { text-decoration:none; font-weight:bold; background-color:#cff; }  
a:focus { text-decoration:none; font-weight:bold; background-color:#080; }  
img { padding:0.5%; }

Firefox-Version mit der getestet wurde: 9.0.1.

Wie sieht die Seite mit diesen zwei unterschiedlichen Dateinamen bei euch aus?
Wie kann man das beheben?

ZeroXCola

Beitrag melden
–
Informationen zu den Bewertungsregeln