Hallo alle,
mit meinem ersten Beitrag muss ich als HTML-Anfänger direkt um Hilfe rufen.
Ich versuche mit einer CSS-Datei und einer HTML-Datei eine Seite mit zwei Spalten zu erzeugen, aber irgendwie will es nicht funktionieren. Ich habe schon ein paar Stunden vor dem Rechner verbracht und Tags hin und her geschoben, etc., aber irgendwie funktioniert es nicht. Ich bekomme immer eine weiße, leere Seite zurück. Kann mit bitte jemand sagen, was ich stundenlang übersehen habe? Hier sind die Inhalte der Dateien:
CSS-Datei:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Test-CSS</title>
<style type="text/css">
<div id="Wrapper">
<div id="RightZone">
</div>
<div id="MainArea">
</div>
</div>
#Wrapper {
background-color: #E1E1E1;
}
#RightZone {
background-color: #FFFFFF;
width: 220px;
}
#MainArea {
background-color: #E1E1E1;
margin-left: 0px;
width: 960px;
}
</style>
</head>
<body>
</body>
</html>
Die HTML-Datei:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Test-HTML</title>
<link rel="stylesheet" type="text/css" href="main.css" />
</head>
<body>
#MainArea {
background-color: #E1E1E1;
margin-left: 0px;
width: 960px;
<h2>Testtext1</h2>
<p>Testtext2</p>
<h2>Testtext3</h2>
}
</body>
</html>
Das Ganze soll von der Notation dem HTML5-Standard entsprechen. Hat jemand eine Idee, was ich falsch gemacht habe? An dieser eigentlich recht simplen Sache hängt die ganze Homepage von mir.
Vorab schon einmal vielen Dank für eure Hilfe!
LG, Peter