Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
 |
|
| div auf 100% höhe klappt nicht |
     |
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)
|
|
27.04.2010 08:28 |
|
|
Thorim 
Mitglied
Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland
|
|
füg im CSS mal noch ein
| code: |
1:
2:
3:
|
html, body {
height: 100%;
} |
|
|
|
|
27.04.2010 11:24 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Themenstarter 
|
|
|
|
27.04.2010 12:01 |
|
|
Stelo
de drecksche Assl
Dabei seit: 28.04.2005
Beiträge: 1.628
|
|
Einmal gegoogelt ... 
http://www.gn-webdesign.de/css-tutorials...height-100.html
__________________
"Es gibt keine Romanhelden mehr,
weil es keine Individualisten mehr gibt,
weil die Individualität verlorengegangen,
weil der Mensch einsam, jeder Mensch gleich einsam,
ohne Recht auf individuelle Einsamkeit ist und
eine namen- und heldenlose einsame Masse bildet."
Günter Grass
|
|
|
27.04.2010 13:15 |
|
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Themenstarter
|
|
der beitrag hinkt ohnehin schon: beim IE klappt es bei mir ja auch schon mit height:100% nicht!
|
|
|
27.04.2010 14:49 |
|
|
Thorim
Mitglied
Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland
|
|
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> |
|
|
|
|
27.04.2010 16:20 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Themenstarter
|
|
|
|
27.04.2010 17:36 |
|
|
Thorim
Mitglied
Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland
|
|
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
|
|
|
27.04.2010 17:46 |
|
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Themenstarter
|
|
| 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
|
|
|
27.04.2010 17:49 |
|
|
Thorim
Mitglied
Dabei seit: 04.02.2010
Beiträge: 154
Herkunft: Deutschland
|
|
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
|
|
|
27.04.2010 18:09 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Themenstarter
|
|
hatte dem mal nen rote rahmen verpasst gehabt, nix mit height: 100%; sry...
|
|
|
27.04.2010 18:33 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
Themenstarter
|
|
das zeug hat hier nicht platz, sry.... quellcode der hp angucken, da sind alle infos drinne
|
|
|
27.04.2010 22:25 |
|
|
Impressum
|
|
