100% wird nicht ausgeführt (Css)

Yango ec.

unregistriert

Sonntag, 12. April 2009, 02:41

Ich gebe bei meinem Dokument für den Content 100% Höhe an, trotzdem erhalte ich nur ein 10px hohe Streifen als Content. Breite ist 73%?
Was sollte ich denn vielleicht als Angaben nehmen?

Skittles

Moderator

Dabei seit: 14.02.2004

Beiträge: 3 014

Sonntag, 12. April 2009, 09:50

	Cascading Style Sheet
1 2 3	min-height:100%; height:auto !important; height:100%; / Für den IE /

sollte an sich so gehen,

~!__/
..o.o

This is Einkaufswagen.
Copy Einkaufswagen into your signature to help him on his way to world domination.

Yango ec.

unregistriert

Sonntag, 12. April 2009, 13:23

Ich habe es genauso eingebaut wie du es geschildert hast. Wenn ich 1000px nehme dann wird es auch so angezeigt,
nur der 100% befehl eben nicht.

»Yango ec.« hat folgendes Bild angehängt:

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Sonntag, 12. April 2009, 13:35

vllt hilf das:

	Cascading Style Sheet
1 2 3	html,body{ height:100%; }

Mein kleines Projekt
-Cruel Online-

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Sonntag, 12. April 2009, 16:04

Soweit ich mich erinnern kann, wars doch bei div-Containern so, dass sich die Prozentgröße dem Inhalt nach anpasst, oder nicht? Also wenn du eine Zeile Text drin stehen hast und für den Container 100% Größe angegeben, dann ist die Höhe eben auch nur 10px, so wie der Text.
Das passiert aber nur, wenn du beim Body-Element keine Größe angegeben hast.

Der Vorschlag von cccpmik sollte also funktionieren.

Zitat

Photoshop machts möglich.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Sonntag, 12. April 2009, 19:26

problem bei meinem vorschlag ist aber wegen dem html height:100%, denn nehmen wir an du willst ein fortlaufenden hintergrund nehmen der von oben nach unten immer wiederholt werden soll und es soll keine rolle spielen ob dein text nur 1 zeile oder 1000 zeilen lang ist dann wird dein hintergrund nur so lang sein wie dein browser geöffnet ist also die 100% beziehen sich nur auf dein browser und nicht den gesamten inhalt der page.

MFG

Mein kleines Projekt
-Cruel Online-

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Montag, 13. April 2009, 19:51

Zitat von »cccpmik«

problem bei meinem vorschlag ist aber wegen dem html height:100%, denn nehmen wir an du willst ein fortlaufenden hintergrund nehmen der von oben nach unten immer wiederholt werden soll und es soll keine rolle spielen ob dein text nur 1 zeile oder 1000 zeilen lang ist dann wird dein hintergrund nur so lang sein wie dein browser geöffnet ist also die 100% beziehen sich nur auf dein browser und nicht den gesamten inhalt der page.

MFG

War nich ganz einfach dein Text zu lesen ohne jegliche Satzzeichen. Sollen doch zu was gut sein.. hab ich jedenfalls gehört

Stimmt übrigens nicht ganz. Wenn dein Text, also der Inhalt des Containers, über die Browserhöhe hinausgeht, dann wird der Container auch weiter geöffnet. Nur wenn dein Text z.B. nur 2 Zeilen sind, dann wird der Container auf deine Brwoserhöhe skaliert, unabhängig vom Inhalt.

Zitat

Photoshop machts möglich.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Dienstag, 14. April 2009, 08:26

also bei mir war das so dass ich mal in der mitte ein div hatte und der sollte immer 100% sein und volle bildhöhe haben. mit height:auto habe ich hingekriegt dass der div mit dem schatten immer so groß war wie mein text. problem war dann halt bei texten die nur 2 zeilen hatten, dann hörte mein schatten irgendwo mittendrin auf und es sah nicht so schön aus. dann habe ich height:100%; genommen und egal wie kurz der text war, mein schatten ging immer bis zum browserboden. sobald aber ein text länger war, hörte der schatten auf am dem browserende. das problem habe ich immer noch nicht gelößt aber das ist ne andere geschichte.

MFG

Mein kleines Projekt
-Cruel Online-

jumps

Tripel-As

Dabei seit: 24.02.2009

Beiträge: 221

Dienstag, 14. April 2009, 16:50

War mir zwar ziemlich sicher, dass es funktioniert wie ichs gesagt hab, habs aber grad trotzdem nochmal getestet. Mit dem Code hier:

Spoiler
Quellcode
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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<html>
<body style="height: 100%;">
<div style="height: 100%; width: 50%; valign: center; background: #ff9900; margin: 0px;">
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
fasdasd
f</div>
</body>
</html>

Die Absätze sollen die Browserüberlänge simulieren. Der orangene Container ist in dem Fall dein Content-Container. Das orangene Feld verfolgt den Text solange, bis dieser aufhört. Also sollte deine Methode normalerweise auch funktionieren!?

Zitat

Photoshop machts möglich.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Dienstag, 14. April 2009, 21:41

mit welchen browser?? schau mal bei mir(FF3)

»cccpmik« hat folgendes Bild angehängt:

Mein kleines Projekt
-Cruel Online-

Skittles

Moderator

Dabei seit: 14.02.2004

Beiträge: 3 014

Dienstag, 14. April 2009, 21:59

HTML

<html>
<head>
<title></title>
<style type="text/css">
html, body {
  height:100%;
}

#foobar {
  min-height:100%;
  height:auto !important;
  height:100%;
}
</style>
</head>
<body>
<div id="foobar" style="width: 50%; valign: center; background: #ff9900; margin: 0px;">
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
<p>fasdasd</p>
f</div>
</body>
</html>

hilft.

~!__/
..o.o

This is Einkaufswagen.
Copy Einkaufswagen into your signature to help him on his way to world domination.

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Dienstag, 14. April 2009, 22:03

aber nicht bei IE6 da min/max width/height gibts erst ab IE7

http://de.selfhtml.org/css/eigenschaften….htm#min_height

auf jedenfall Yango jetzt haste paar ansätze und kannst rumexperemntieren

MFG

Mein kleines Projekt
-Cruel Online-

Skittles

Moderator

Dabei seit: 14.02.2004

Beiträge: 3 014

Dienstag, 14. April 2009, 22:05

Aber bis zum IE 7 interpretiert der IE heigt wie min-height

Deshalb auch height:100% fürn IE

~!__/
..o.o

This is Einkaufswagen.
Copy Einkaufswagen into your signature to help him on his way to world domination.

100% wird nicht ausgeführt (Css)

Cascading Style Sheet

Cascading Style Sheet

Zitat

Zitat von »cccpmik«

Zitat

Quellcode

Zitat

HTML

Ähnliche Themen