Kære gæst, velkommen til Tweak.dk. Hvis dette er dit første besøg her, bør du læse Hjælp. Her forklares i detaljer hvordan denne side fungerer. For at benytte alle funktionerne på denne side, bør du overveje at lade dig registrere. Benyt venligst registreringsformularen for at registrere her eller læs yderligere information om registreringsprocessen. Hvis du allerede er registreret, så log på her.

1

tirsdag, 31. oktober 2006, 21:01


Hmm, nu har jeg i længere tid krasset hovedbunden til blods, rykket øjnbryn ud i arighed og andet sært (overdrivelse fremmer forståelsen).

Er det umuligt at give en div en højde af 100%?

Synes i hvertfald ikke det giver den ønskede effekt.


2

tirsdag, 31. oktober 2006, 21:28


Uden lige at vidde om det virker men rent teoretisk burde følgende virke:

Kildekode

1
2
3
4
5
6
7
8
9
10
11
12
html,body {
	height:100%;
	margin:0;
	padding:0;
}
#div100 {
        height:100%; /*IE og dens møg standarder */
        min-height:100%;/*gecko - ellers udvides ikke */
}
html>body #container {/*Gecko fix til udvidelse */
	height:auto;
}


Ikke sikker på den sidste er nødvendig - men det var den tilbage i version 1 i hvert fald

Man kan jo ikke huske det hele :D - og pas nu på du ikke ender med høje tindinger lige som visse andre :$


3

torsdag, 2. november 2006, 18:46


Kan ikke lige umiddelbart få det til at virke


4

torsdag, 2. november 2006, 18:51


Citeret

Originally posted by PaW^
Kan ikke lige umiddelbart få det til at virke


Hmm har du en ordentlig doctype på...
http://playground.martin-nielsen.com/test.html

er en lidt videreudviklet udgave af koden


5

torsdag, 2. november 2006, 21:01


men hvis en af menu div'ne bliver længere end siden følger den anden div ikk med. rimelig nedern


6

torsdag, 2. november 2006, 21:38


Citeret

Originally posted by PaW^
men hvis en af menu div'ne bliver længere end siden følger den anden div ikk med. rimelig nedern


Er ikke helt med på hvad du mener?


7

torsdag, 2. november 2006, 22:38


Jeg har en div der er menu, så har jeg en div under med baggrund og andre ting. Pga baggrunden går den kun til en vis længde. Under den har jeg en tredje div med det der skal fortsætte ned til så lang siden bliver, men den stopper ved det man kan "bunden" når man er scrollet helt op. dvs at jeg kan scrolle ned af og der er den nederste div ikke med. dvs at den bliver ved "bunden". hvis i forstår mig


8

torsdag, 2. november 2006, 23:06


Citeret

Originally posted by PaW^
Jeg har en div der er menu, så har jeg en div under med baggrund og andre ting. Pga baggrunden går den kun til en vis længde. Under den har jeg en tredje div med det der skal fortsætte ned til så lang siden bliver, men den stopper ved det man kan "bunden" når man er scrollet helt op. dvs at jeg kan scrolle ned af og der er den nederste div ikke med. dvs at den bliver ved "bunden". hvis i forstår mig


Hmm, kunne du eventuelt fremvise koden?


9

fredag, 3. november 2006, 09:27


Kildekode

1
2
3
4
5
6
7
8
9
<div id="menu">
		<div class="menu_1">
			<div class="menu_1_top"></div>
			<div class="menu_1_middle"></div>
			<div class="menu_1_bottom"></div>
		</div>
	</div>
	<div id="menu_ext"></div>
<div>

Kildekode

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
53
54
55
56
57
58
59
60
61
html, body {
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	padding: 0px;
    border: none;
	width:100%;
	height:100%;
	background-color:#dbdbdb;
}
#menu {
	background-image:url(../images/menu.jpg);
	position:absolute;
	top:194px;
	left:0px;
	height:350px;
	width:212px;
	z-index:3;
}
#menu_ext {
	background-image:url(../images/menu_ext.jpg);
	background-repeat:repeat-y;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	min-height:100%;
	width:212px;
	z-index:2;
}
.menu_1 {
	width:180px;
	margin-top:15px;
	margin-left:15px;
}
.menu_1_top {
	background-image:url(../images/menu_1_top.gif);
	background-repeat:no-repeat;
	height:20px;
	width:180px;
}
.menu_1_middle {
	background-image:url(../images/menu_1_middle.jpg);
	width:180px;
}
.menu_1_middle a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	font-style:normal;
	margin-left:5px;
	margin-top:0px;
	margin-bottom:0px;
	text-decoration:none;
}
.menu_1_bottom {
	background-image:url(../images/menu_1_bottom.jpg);
	background-repeat:no-repeat;
	height:5px;
	width:180px;
}

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "PaW^" (03.11.2006, 09:28)


10

fredag, 3. november 2006, 09:42


Svært at se uden billederne også :)


11

fredag, 3. november 2006, 09:46


Citeret

Originally posted by WebT
Svært at se uden billederne også :)


Hmm, egentlig ja. Hvis du har et link til det online, så vil det være super :)


12

fredag, 3. november 2006, 11:44


har ikke lige tid, da jeg er i skole.. men gør det senere


Nyeste Videoer og Trailers

Indsend nyhed
Har du fundet en fed nyhed så indsend den så alle andre på Tweak.dk kan få glæde af den.