HP-User: CSS Platzierung verhält sich sonderbar

Beitrag lesen

Hi Matthias

HTML und CSS müssen zusammengehören. Eines ohne das andere taugt nicht zur Analyse von Fehlern.

------------------------------------------------------------
CSS:
* {
  margin: 0;
  padding: 0;
  }

div#haupt_inhalt {
                  position: absolute;
                  top: 110px;
                  left: 50%;
                  margin-left: -350px;
                  width: 700px;
                  height: 500px;
                  border-style: solid;
                  border-width: thin;
                  border-color: #ff8200;
                  background-color: #ffffff;
                  }

div#navi_inhalt {
                 position: absolute;
                  top: -1px;
                  left: 50%;
                  margin-left: 250px;
                  width: 100px;
                  height: 500px;
                  border-style: solid;
                  border-width: thin;
                  border-color: #ff8200;
                  background-color: #ffffff;
                  }

div#ecke_oben_links {
                     float: none;
                     top: 110px;
                     left: 50%;
                     width: 10px;
                     height: 10px;
                     background-image: url(ecke_oben_links.jpg);
                     background-repeat: no-repeat;
                     }
------------------------------------------------------------
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>

<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="Suchmaschinen Optimierung / Inhaltlich">
<meta name="keywords" content="Suchmaschinen Optimierung / Stichwoerter">
<meta name="author" content="Autorenname">
<meta name="robots" content="index,follow">
<link rel="stylesheet" type="text/css" href="einschlafzeit_index.css">

<TITLE>Einschlafzeit</TITLE>
</head>

<body bgcolor=white>

<div align="center">
<center>
<img border="0" src="header.jpg" width="700" height="100">
</center>
</div>

<div id="haupt_inhalt">

<div id="navi_inhalt">
</div>

</div>

<div id="ecke_oben_links">
</div>

<div id="ecke_oben_rechts">
</div>

</body>
</html>
------------------------------------------------------------

Der Inhalt der Elemente hat damit (meist) nichts zu tun. Beschäftige dich mit Positionierung

Bin dabei - einen Schaltschrank verdrahten find ich persönlich aber einfacher - dieses Eltern/Kind-Nachgefahre - puh!

[...]Groß-und Kleinschreibung spielt keine Rolle. Ich empfehle die Kleinschreibung.

Habs wie vorgeschlagen geändert. Sind jetzt klein geschrieben!

Empfehlung diverser Artikel ist, auf "fixed" und "absolute" zu verzichten, da nicht überall korrekt umgesetzt.
Na dann bleibt ja nicht mehr viel übrig.

Gruß HP-User