So ich habe es nun fast hinbekommen, der Problem ist nur noch, wie ich die Elemente nebeneinander ausgerichtet bekomme. Ich blicke voll nicht dahinter, was es mit den Positionen auf sich hat, d.h. relative, absolute, static etc. Ich probiers immer aus ohne Erfolg. Der Content soll schließlich zwischen den äußeren Divs stehen und left und right sollen sich verkleinern, wie momentan.
Hier mein Code:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title> </title>
<style>
body {
margin: 0;
}
#content {
position: relative;
padding: 0;
border: none;
margin: 0 0 0 0;
width: 100%;
top: 0;
rigth: 0px;
heigth: 100%;
background: #f0f0ff;
font-size: 1.3em;
}
#left {
padding: 0;
border: none;
margin: 0 1024px 0 0;
height: 100%;
background: #2989d8;
}
#right {
padding: 0;
border: none;
margin: 0 1024px 0 0;
height: 100%;
right: 0px;
background: #1e5799;
}
</style>
</head>
<body>
<div id="left"> Left </div>
<div id="content"> Content </div>
<div id="right"> Right </div>
</body>
</html>