Ich habe versucht, eine Seite zu erstellen, die in zwei Bereiche eingeteilt ist. Die Seite soll sich aus einem linken und einem rechten Bereich zusammensetzen. Die Breiten sollen nicht durch eine Angabe von Pixelgrößen statisch festgelegt, sondern prozentual aufgeteilt sein. Um zu testen, ob mein Versuch funktionierte, habe ich jeweils eine Hintergrundfarbe für die Bereiche festgelegt sowie zwei Wörter in diese hineingeschrieben. Statt einer Nebeneinander-Anordnung der Wörter erhalte ich eine Untereinander-Anordnung und die Farben werden überhaupt nicht angezeigt. Was mache ich falsch?
index.html
HTML
<html>
<head>
<title>Rechnen</title>
<script language="javascript" src="index.js"></script>
<script language="css" src="index.css"></script>
</head>
<body>
<div id="linkeSeite">
Hallo
</div>
<div id="rechteSeite">
Hallo2
</div>
</body>
</html>
Alles anzeigen
index.css
CSS
.linkeSeite
{
width:20%;
height:100%;
background-color:blue;
}
.rechteSeite
{
width:80%;
height:100%;
background-color:red;
}
Alles anzeigen
Ich danke für alle Antworten!