Hi Leute,
ich versuche seit ca 2 Stunden diese Layut hinzubekommen aber immer geht was nicht bitte um hilfe! Hier Bild
Hauptproblem ist, dass
Links =hight 100%
Text =hight 100%
Slice =hight 100%
Content =hight 100%
egal wie lang "content" sein wird, soll "links" genau so lang sein
.
egal wie lang "text" sein wird, soll "slice" genau so lang sein
.
kann jemand mir mein css code anpassen??? danke euch
index.html CODE
Zitat:
<body>
<div id="hintergrund"></div>
<div id="container">
<div id="oben">
<div id="links"></div>
<div id="scroller"></div>
<div id="text"></div>
<div id="slice"></div>
<div id="content">></div>
<div id="footer"></div>
</div>
</body>
|
css datei
Zitat:
* {
margin: 0;
padding: 0;
}
body {
background-image: url(../images/hintergrund.gif);
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
}
#container {
position:relative;
margin-left:auto;
margin-right:auto;
width:900px;
}
#oben {
position:relative;
background-color:#FFFFFF;
top:0px;
width:100%;
height:110px;
}
#links {
background-color:#1f1a17;
width:200px;
height:100%;
}
#scroller {
position:absolute;
top:110px;
left:200px;
background-color:#a3a397;
width:700px;
height:20px;
}
#text {
position:absolute;
top:130px;
left:200px;
background-color:#FFFFFF;
width:550px;
height:100%;
}
#slice {
position:absolute;
top:130px;
left:750px;
background-color:#666666;
width:150px;
height:100%;
}
#content {
position:absolute;
padding-left:10px;
padding-right:10px;
top:680px;
left:200px;
background:#000066;
width:680px;
height:100%;
}
|
danke danke danke danke wenn jemand mir helfen kann