Gegen Bilderklau - Das Original | Druckvorschau: div auf 100% höhe klappt nicht

Geschrieben von Black Katrin am 27.04.2010 um 08:28:

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 Augenzwinkern

inklusive PC neustart (der war unfreiwillig aber ja)

Geschrieben von Thorim am 27.04.2010 um 11:24:

füg im CSS mal noch ein

code:
1: 2: 3:	html, body { height: 100%; }

Geschrieben von Black Katrin am 27.04.2010 um 12:01:

hat nicht geholfen

Geschrieben von Stelo am 27.04.2010 um 13:15:

Einmal gegoogelt ... Augen rollen

http://www.gn-webdesign.de/css-tutorials/css-div-height-100.html

Geschrieben von Black Katrin am 27.04.2010 um 14:49:

Zitat:

Original von Stelo
Einmal gegoogelt ... Augen rollen

http://www.gn-webdesign.de/css-tutorials/css-div-height-100.html

der beitrag hinkt ohnehin schon: beim IE klappt es bei mir ja auch schon mit height:100% nicht!

Geschrieben von Thorim am 27.04.2010 um 16:20:

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>

Geschrieben von Black Katrin am 27.04.2010 um 17:36:

http://web271.zeta.ibone.ch/Joomla/
sieht das so aus als ob es gehen würde?

Geschrieben von Thorim am 27.04.2010 um 17:46:

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

Geschrieben von Black Katrin am 27.04.2010 um 17:49:

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

Geschrieben von Thorim am 27.04.2010 um 18:09:

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

Geschrieben von Black Katrin am 27.04.2010 um 18:33:

hatte dem mal nen rote rahmen verpasst gehabt, nix mit height: 100%; sry...

Geschrieben von Black Katrin am 27.04.2010 um 22:25:

das zeug hat hier nicht platz, sry.... quellcode der hp angucken, da sind alle infos drinne

Geschrieben von Thorim am 27.04.2010 um 23:12:

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