24.05.2004, 18:31
|
|||
|
|||
Tabellen Layout in CSS - Positionierung klappt nicht
hier nun endlich mal der code !!!
ich verstehe nicht wie ich die beiden container links und rechts und die mitte auf 100% bzw. bildschirmfüllend in der Höhe (100% height) bekommen soll. hat jemand ne ahnung ? Code:
<html>
<head>
<style type="text/css">
body {
margin:0;
padding : 0;
height: 100%;
}
#nav {
position: absolute;
width: 122px;
height: 100%;
background-color: gray;
left: 0px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #FFFF00;
}
#nav2 {
width: 122px;
height: 100%;
background-color: gray;
margin-top: 61px;
position: absolute;
right: 0px;
width: 30%;
}
#content {
margin: 0px;
left: 30px;
height: 100%;
background-color: #820;
margin-left: 122px;
}
#header {
top: 0;
height: 61px;
background-color: darkgray;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFF00;
}
#header2 {
top: 61px;
height: 21px;
background-color: darkgray;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FFFF00;
}
#member {
height: 61;
background-color: #009933;
margin-left: 122px;
}
</style>
</head>
<body>
<div id=header>header</div>
<div id=header2>header2</div>
<div id=nav>nav1</div>
<div id=nav2>nav2</div>
<div id=member>member</div>
<div id=content>content</div>
</body>
</html>
|
| Sponsored Links |
|
24.05.2004, 18:39
|
|||
|
|||
|
Wie wäre es damit:
http://www.stichpunkt.de/css/4-box.html Schau´s Dir mal in Ruhe an und dann bau´s entsprechend um!
|
| Sponsored Links |
|
24.05.2004, 19:06
|
|||
|
|||
|
hmmm
danke aber irgendwie ist das doch was ganz anderes... oder ?
die container sind doch ganz anders ! es geht mir doch darum das die container den bildschirm von oben bis unten füllen sollen nach den beiden headern.
|
|
25.05.2004, 09:20
|
|||
|
|||
|
Hi losninos,
zunächst musst du für das HTML-Tag auch eine Höhe von 100% angeben: Code:
html {
height: 100%;
}
Dann ist es natürlich ein Problem, dass du für header, header2 und member eine feste Pixel-Höhe angibst und darunter den content mit height:100% einfügst. Das macht zusammen 100%+61px+21px+61px. Also mehr als 100%. Kannst du für die oberen Bereiche auch eine prozentuale Höhe angeben und den content entsprechend reduzieren? Gruß Thomas www.css4you.de
|
 |
| Themen-Optionen | |
| Ansicht | |
|
|
Ähnliche Themen
|
||||
| Thema | Autor | Forum | Antworten | Letzter Beitrag |
| Banner neben CSS Layout platzieren? | delaspuke | CSS | 19 | 29.12.2010 22:08 |
| 2 Tabellen via CSS unterschiedlich bestimmen | philogyn | CSS | 2 | 21.05.2010 10:33 |
| Css 3 Seiten Layout will net so :) | nova_rs | CSS | 1 | 30.03.2010 15:54 |
| Untermenü im IE | nici | CSS | 10 | 22.06.2009 21:19 |
| Umsetzung eines grafischen Rahmens von Tabellen in CSS | HeyJ | CSS | 8 | 23.03.2009 15:24 |
Linear-Darstellung
