nicht angemeldet
Hallo!
Beim Versuch ein Layout mit CSS für meine Webseite zu gestalten bin ich auf ein Problem gestoßen. Ich habe links ein breites div für den Content und rechts ein weniger breites div für ein paar Links. Dabei tun sich 2 Probleme auf.
1. Das Content div soll in der Breite variabel sein, das Links div soll eine feste Breite haben. Außerdem sollen beide divs immer Kontakt haben.
2. Beim Verkleinern des Browser-Fensters rutsch das Links div unter das Content div sobald nicht mehr genügend Platz vorhanen ist. Das soll nicht passieren. Geht das mit CSS? Ich fürchte fast nicht.
Hier mal der Ansatz:
[code lang=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Zweispaltiges Layout</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<style type="text/css">
#left {
border: 1px solid red;
width: 500px;
float: left;
}
#right {
border: 1px solid green;
width: 100px;
float: right;
}
</style>
</head>
<body>
<div id="left">
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
Linke Seite Linke Seite Linke Seite<br>
</div>
<div id="right">
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
Rechte Seite<br>
</div>
</body>
</html>
[/html]
Bin dankbar für jede Hilfe!
Grüße,
Thomas