Also mit dem Code von miwolfram hat es irgendwie auch nicht geklappt ich poste noch einmal mein CSS und HTML.
Ich möchte das die Site nachher auf der horizontalen zentriert erscheint. SIe ist auf 800px Länge vorgesehen
Könnt ihr mir noch einmal helfen?
Vielen Dank
CSS:
p {
margin: 0;
}
#content {
position: absolute;
top: 150px;
left: 155px;
width: 445px;
height: 100%;
background: white;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
color: white;
}
#content_right {
position: absolute;
top: 150px;
left: 620px;
width: 180px;
height: 250px;
background: #F6F6F6;
}
#left {
position: absolute;
top: 150px;
width: 135px;
height: 250px;
background: #F6F6F6;
}
#head {
position: absolute;
top: 0px;
width: 800px;
height: 100px;
background: #6E96C4;
}
#header_menu {
position: absolute;
top: 100px;
width: 800px;
height: 21px;
background: #81AEE5;
}
#header_rootline {
position: absolute;
top: 121px;
width: 800px;
height:19px;
background-image: url(rootline_head.gif);
background-repeat:repeat-x;
}
body {
margin: 0;
padding: 0;
text-align: center; /*damits auch der IE versteht!*/
}
#document {
width: 780px; /*was auch immer du möchtest*/
margin: 0 auto 0 auto; /*das ist das wichtigste!!!*/
background-color: blue; /*nur zum testen!*/
text-align: left; /*um schrift wieder linksbündig auszurichten*/
}
H1 {
font-family : Verdana, sans-serif;
font-size : 16px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
H2 {
font-family : Verdana, sans-serif;
font-size : 15px;
color : white;
margin-bottom : 10px;
margin-top : 20px;
}
H3 {
font-family : Verdana, sans-serif;
font-size : 12px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
H4 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
.subhead1 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : black;
}
.subhead2 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : green;
}
.subhead3 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
}
.headerdate {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
font-weight: normal;
}
li {
text-decoration: none;
color: white;
}
li a {
color: white;
}
li a:hover {
color: red;
}
strong {
text-decoration: none;
color: white;
}
A {
color:white;
}
A:hover {
color:red;
}
A:active {
color:white;
}
HTML:
<div id="frame">
<!--###document###-->
<div id="all">
</div>
<div id="content">
<!--###content###-->
hier kommt der content hin
<!--###content###-->
</div>
<div id="header_rootline">
<!--###header_rootline###-->
header_rootline
<!--###header_rootline###-->
</div>
<div id="header_menu">
<!--###header_menu###-->
header_menu
<!--###header_menu###-->
</div>
<div id="head">
<!--###head###-->
hier kommt der content hin
<!--###head###-->
</div>
<div id="left">
<!--###left###-->
left
<!--###left###-->
</div>
<div id="content_right">
<!--###content_right###-->
content_right
<!--###content_right###-->
</div>
<!--###document###-->
</div>
#angry# #angry#