1

søndag, 31. maj 2009, 23:27


Hey...

Jeg har følgende problem med en side jeg er ved at lave med <div>'s og CSS.

Jeg kan ikke få min footer til at rykke med siden ned... den ligger bare oven på indholdet, 25px fra bunden af skærmen, som den skal, hvis siden ikke er fyldt ud... men min content div bliver bare trukket ud nedenunder den...

Billeder der beskriver problemet:

http://peecee.dk/upload/view/173113
http://peecee.dk/upload/view/173114

Her er min kode (har slettet alt der ikke er relevant):

index.php

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
<!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="en" lang="en">
<head>
	<title></title>
	<link href="style.css" style="text/css" rel="stylesheet" />
</head>
<body>

<div id="banner">
</div>

<div id="banner2">
</div>

<div id="menu">

</div>

<div id="content">

<div id="innerContent">

</div>

</div>

<div id="footer">
</div>

</body>
</html>


style.css

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
	body {
		background-image: url("gfx/baggrund.jpg");
		
		font-family: verdana, tahoma, arial;
		font-size: 11px;
	}

	#banner {
		position: absolute;
		top: 25px;
		left: 50%;
		
		margin-left: -341px;
		
		height: 200px;
		width: 537px;
		
		background-image: url("gfx/top1.jpg");
	}
	
	#banner2 {
		position: absolute;
		top: 25px;
		left: 50%;
		
		margin-left: 196px;
		
		height: 98px;
		width: 147px;
		
		background-image: url("gfx/top2.jpg");
	}
	
	#menu {
		position: absolute;
		top: 123px;
		left: 50%; 
		
		margin-left: 196px;
		
		height: 102px;
		width: 147px;
	}
	
	#content {
		position: relative;
		top: 225px;
		left: 50%;
		bottom: 59px;
		
		margin-left: -341px;
	
		width: 683px;
		
		background-image: url("gfx/fyld.jpg");
		background-repeat: repeat-y;
		
		}
		
	#innerContent {
		
		width: 100%;
		height: 100%;
		
		margin: 20px;
		
	}
	
	#footer {
		position: absolute;
		left: 50%;
		bottom: 25px;
		
		margin-left: -341px;
	
		width: 683px;
		height: 34px;
		
		background-image: url("gfx/bund.jpg");
		background-repeat: no-repeat;
		
		padding-top: 6px;
						
		color: #F6B975;
		
		text-align: center;
	}


De øverste bokse rykker fint op i forhold til hvad de skal, når man scroller...

Håber der er en der kan hjælpe med problemet :)

//Nicky

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "Nicky" (01.06.2009, 13:05)


2

mandag, 1. juni 2009, 11:01


først og fremmest forstår jeg ikke hvorfor du ikke har et div du kalder site eller lign
hvor din mene content og footer inden i.

Så skal alle dine ting eller heller rykkes ind midt på siden og lign, da det gøre du bare ved den store container "site"

Så har du samtidigt heller ikke brug for at lave position på alle dine divs.

Intel I5 2500k | Gigabyte Z68 | 16GB Kingston | Radeon 6950 | 2xOCZ Vertex 3 120GB Raid 0 | OCZ 650W
27" (U2711) DELL | 24" (2408WFP) DELL | Ergotron LX Dual Side-by-Side

Canon 5DM2 | 16-35mm 2.8L | 24-70mm 2,8L | 85mm 1.2L USM II | 70-200mm 2.8L IS
Nogle Speedlites | PocketWizards

3

mandag, 1. juni 2009, 11:56


Det er jo derfor jeg spørger :9xo

Kigger på det i morgen... damen har fødsesldag, så skal nok ikke nørde for meget i dag ;)


4

mandag, 1. juni 2009, 12:00


Ja, det vil være absolut smartere at lave en "container-div", som kan centrerer hele dit site.

Position skal man som udgangspunkt holder sig fra.


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.