Black Katrin
hallo zusammen,
ich möchte das ein div die höhe 100% hat, damit das desi immer den bildschirm von oben bis unten füllt.
#ja-wrapper {
width: 1000px;
height: 100%;
margin-left: auto;
margin-right: auto;
}
so sieht der code für das div aus, leider aber ist mit dem height: 100% nicht, klappt nicht tut sich nix... und ja ich habe aktuallisiert, mehrfach
inklusive PC neustart (der war unfreiwillig aber ja)
Thorim
füg im CSS mal noch ein
| code: |
1:
2:
3:
|
html, body {
height: 100%;
} |
|
Black Katrin
hat nicht geholfen
Black Katrin
der beitrag hinkt ohnehin schon: beim IE klappt es bei mir ja auch schon mit height:100% nicht!
Thorim
klappt bei mir ohne Probleme:
| code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
|
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
html, body {
margin: 0;
padding: 0;
height: 100%;
}
#ja-wrapper {
width: 1000px;
height: 100%;
margin-left: auto;
margin-right: auto;
background: red;
}
</style>
</head>
<body>
<div id="ja-wrapper"></div>
</body>
</html> |
|
Thorim
wasn falsch?
problem ist einmal, das du bei ja-wrapper noch oben und unten nen margin hast, damit ists natürlich größer, denn height gibt die Höhe für den Inhalt an (in dem Fall so hoch wies Fenster), der margin, padding und border werden dann noch draufgerechnet
Black Katrin
| Zitat: |
Original von Thorim
wasn falsch?
problem ist einmal, das du bei ja-wrapper noch oben und unten nen margin hast, damit ists natürlich größer, denn height gibt die Höhe für den Inhalt an (in dem Fall so hoch wies Fenster), der margin, padding und border werden dann noch draufgerechnet |
o.O welche bildschirm auflösung hast du?
grosser pc im geschäft => nix mit hieght: 100%; sondern in 99% der fällen vieeeeeeel roter rand unten wo keiner sein soll
Thorim
1366x768 (laptop)
trotzdem kommt wegen dem margin nen Scrollbalken rechts..
kann es sein, das ja-wrapper wirklich die 100% hat? das was man sieht, liegt doch alles in ja-wrapper und DIVs in ja-wrapper haben ja dann nicht automatisch auch 100% Höhe, sondern eben ganz normale Höhe
Black Katrin
hatte dem mal nen rote rahmen verpasst gehabt, nix mit height: 100%; sry...
Black Katrin
das zeug hat hier nicht platz, sry.... quellcode der hp angucken, da sind alle infos drinne
Thorim
also IE8 macht das ja-wrapper-DIV zu 100prozentig 100% hoch...
nur der Inhalt ist halt kürzer... (grad mal nachgeschaut, Entwicklertools markieren dir da nämlich auch die gesamte Fläche die es einnimmt)
ich geh auch davon aus, dass die 100% Höhe dann auch beim Firefox stimmen
