Hallo,
ich hätte gerne einmal ein bischen Hilfe :P
Also ich würde gerne eine weiteren "div-Bereich" (Hier rot makiert) rechts neben dem normalem Textfeld haben...
Ich habe alles weitere mal entfernt um das ganze übersichtlicher zu machen:
Code:
<html>
<head>
<title>testpage</title>
<style type="text/css">
html, body{height:100%}
body {
color:black;
background:#66bbd8;
margin:0px;
padding:0px;
}
#head {
background:#248bb8;
color:black;
margin:0;
padding:80px 0 0 0;}
#head p{
border-top:1px solid black;
background:#248bb8;
text-align:left;
padding:3px 20px 3px 0;
margin:0;
}
#head a {
text-decoration:none;
padding:0 5px 0 5px;
}
#content {
color:black;
height:100%;
background:#FFFFFF;
margin:0 8% 0 8%;
padding:0px;
}
#text {
border-top:3px solid black;
background:#FFFFFF;
padding:0 50px 30px 50px;
}
</style>
</head>
<body>
<div id="content">
<div id="head">
Startseite|
Blog|
Gästebuch|
Impressum</p>
</div>
<div id="text">
</p>
</p>
aiukfcshblsvadljuchskacljushadc</p>
</p>
asdichbaösbjcaäsd</p>
casdhicadlsuicas</p>
dcashdvlcajshdca</p>
#sdvcuagsdauklsghdbc</p>
asdvclasvdlcahsvdc</p>
asducasvdlczhvasd</p>
casdzcasdcasizc</p>
asdciasvclaysdc</p>
</div>
<div id="text">
</p>
</p>
aiukfcshblsvadljuchskacljushadc</p>
</p>
asdichbaösbjcaäsd</p>
casdhicadlsuicas</p>
dcashdvlcajshdca</p>
#sdvcuagsdauklsghdbc</p>
asdvclasvdlcahsvdc</p>
asducasvdlczhvasd</p>
casdzcasdcasizc</p>
asdciasvclaysdc</p>
</div>
</div>
</body>
</html>
Nun habe ich aber das Problem, dass der Div-Bereich unter dem anderem angezeigt wird(Wie auf dem Bild.. Kann mir da jemand weiterhelfen? Ich habe alles Mögliche mit "relativ, stativ,.." probiert aber es funktionert leider nicht :-\
Freu mich auf Antworten =)