  |
| Autor |
Nachricht |
lundner
Beliebter [User]
Anmeldung: 15.11.06
Beiträge: 312
Wohnort: Zingst
|
 Verfasst am: 19.11.2006, 21:37 Titel: Div das die restliche Höhe der Seite komplett ausfüllt |
 |
|
Also ich habe folgendes Problem:
Ich möchte grundsätzlich 3 divs auf meiner Seite übereinander positionieren. Das oberste ist das Banner darunter soll die Navigationsleiste und darunter der Inhalt.
Das Div mit dem Inhalt soll nun bis zum unteren Rand reichen. Die Anzeige soll höhenmässig also immer zu 100% ausgefüllt sein. Ein Beispiel wäre:
<div style="height:140px;"></div><!-- Banner -->
<div style="height:10px;"></div><!-- Navi -->
<div>Dieses Div soll die Restliche Höhe füllen und darüber hinaus über einen Scrollbalken verfügen</div>
_________________
meine Homepage:  lundner.com
meine Fotos:photos.lundner.com
|
|
| Nach oben |
|
 |
chris1988
Bekannter [User]
Anmeldung: 12.12.05
Beiträge: 1641
|
| Verfasst am: 19.11.2006, 21:53 Titel: |
|
|
villeicht reicht es ja so:
| Code: |
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>Unbenannt</title>
<meta name="generator" content="Scribe! 2 [http://scribe.de]" />
<style type="text/css">
<!--
html, body {
height: 100%;
padding: 0;
margin: 0;
}
#container {
height: 100%;
background: red;
}
#header {
height: 140px;
background: yellow;
}
#navi {
height: 10px;
background: blue;
}
//-->
</style>
</head>
<body>
<div id="container">
<div id="header"></div>
<div id="navi"></div>
Inhalt hier rein...
</div>
</body>
</html>
|
Einfach mal angucken 
MfG,
chris
EDIT: Sehe gerade, dass du das oben anscheinend fixiert haben willst. Dann guck dir mal dieses Prinzip an: http://limpid.nl/lab/css/fixed/footer
Sollte relativ gut übertragbar sein
_________________
Mancher ertrinkt lieber,
als daß er um Hilfe ruft.
(Wilhelm Busch)
|
|
| Nach oben |
|
|
lundner
Beliebter [User]
Anmeldung: 15.11.06
Beiträge: 312
Wohnort: Zingst
|
| Verfasst am: 19.11.2006, 21:58 Titel: |
|
|
hab glaub ich das prob gelöst ...
meine css sieht so aus:
.banner {
position:fixed;
top:100px;
right:10px;
background-image:url(banner.jpg);
width:800px;
height:140px;
}
.navi {
position:fixed;
top:240px;
right:10px;
width:800px;
color:#ffffff;
font-style:italic;
text-align:right;
}
.content {
position:fixed;
top:260px;
right:10px;
bottom:10px;
overflow:auto;
width:800px;
}
mit dem top:260px; , bottom:10px; und overflow:auto hats geklappt.. opera und firefox machens so wie ich es will ...nu nochma den ie testen aber deinen weg schau ich mir auch nochmal an -danke
_________________
meine Homepage: lundner.com
meine Fotos:photos.lundner.com
|
|
| Nach oben |
|
|
lundner
Beliebter [User]
Anmeldung: 15.11.06
Beiträge: 312
Wohnort: Zingst
|
| Verfasst am: 19.11.2006, 22:03 Titel: |
|
|
guuuuut... der ie6 spielt mal wieder nicht mit
edit: also wenn man fixed auf absolute ändert dann zeigt der ie6 das immerhin schonmal auf der rechten seite schön an ...jetzt fehlt noch der scrollbalken
_________________
meine Homepage: lundner.com
meine Fotos:photos.lundner.com
|
|
| Nach oben |
|
|
benjam4
Bekannter [Mod]
Anmeldung: 17.05.06
Beiträge: 1318
Wohnort: Ostfildern ...
|
| Verfasst am: 20.11.2006, 16:27 Titel: |
|
|
Das habe ich vor kurzem hier auch erklärt bekommen *wiederrauskram*
Allerdings hatte der Div da ne feste größe, jetzt weiss ich nicht ob overflow:auto auch so geht.
Kannste ja mal versuchen[/code]
_________________
Rechtschreibfehler sind beabsichtigt, sie dienen der Verschleiherung meiner tatsächlichen Genialität 
____________________________________
Eine Signatur sie alle zu knechten
|
|
| Nach oben |
|
|
lundner
Beliebter [User]
Anmeldung: 15.11.06
Beiträge: 312
Wohnort: Zingst
|
| Verfasst am: 20.11.2006, 16:40 Titel: |
|
|
also hab mal das vorläufige ergebnis unter http://www.lundner.com/zerwix/zerwix/ ... dort habe ich für das inhaltsdiv eine höhe von 600px angegeben ... ich möchte aber dass es nur die höhe der anzeige ausfüllt. vielleicht ist es jetzt etwas griffiger
und overflow:auto macht öfter der ie nicht mit...
_________________
meine Homepage: lundner.com
meine Fotos:photos.lundner.com
|
|
| Nach oben |
|
|
|
|
