1

fredag, 4. april 2008, 17:08


Hej,
har fået til opgave i kom/it at lave en hjemmeside. Vil så gerne have at det hele så i midten af browseren, og ikke i siden. Har fået alle elementerne placeret i midten, men problemet ligger i at jeg ikke kan få dem flyttet lidt til siden. fx vil jeg gerne have min menu står til venstre. Ligeledes er det når jeg vil have dem op eller ned.

Koden:

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
@charset "utf-8";
/* CSS Document */

body {
	background-color: #444444;
	background-image: url("Baggrund.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;	
	background-position: 50% 50%;
}
h1 {
	color: #990000;
	background-color: #FC9804;
}

#banner {
margin-top:auto;
margin-left:auto;
margin-right:auto;
text-align:center;
position:relative; 
}

#menu {
width:750px;
margin-top:80px;
margin-left:auto;
background:;
margin-right:auto;
text-align:left;
position:relative; 
}

#tekst {
float:center;
width:750px;
height:50px;
margin-top:0px;
margin-left:auto;
background:#999999;
margin-right:auto;
text-align:left;
position:absolute; 
}

Som i nok kan se, er det css jeg koder i pt.

[IMG]http://www.tweak.dk/forum/attachment.php?attachmentid=13118&sid=[/IMG]

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Agerskov" (04.04.2008, 17:08)


3

fredag, 4. april 2008, 17:19


Citeret

Oprindeligt indlæg af Macimuz
Kunne du eventuelt uploade det et eller andet sted?


Har ikke selv et sted jeg kan smide det op, men er der ikke et eller andet gratis?

[IMG]http://www.tweak.dk/forum/attachment.php?attachmentid=13118&sid=[/IMG]

4

fredag, 4. april 2008, 17:44


Kan ikke lige på stående fod huske et sted, hvor det er muligt.

Men har kigget lidt på dit css, og du får behov for at lave lidt om på tingene.

Strukturen i HTML'en

Kildekode

1
2
3
4
5
6
7
8
9
10
11
<div id="container">

  <div id="header"></div>

  <div id="mainnav"></div>

  <div id="content"></div>

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

</div>


Lidt css

Kildekode

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
#container {
margin: 0 auto; //centerer dit site horisontalt
}

#mainnav {
float: left; //siger sig selv
}

#content {
float: left; //siger sig selv
}

#footer {
clear: both; //derved flyver indholdet ikke op ved siden af content
}


Så kan du ellers selv smide det resterende css ind.

skal den også centreres vertikalt?

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Macimuz" (04.04.2008, 17:45)


5

fredag, 4. april 2008, 17:55


Citeret

Oprindeligt indlæg af Macimuz
skal den også centreres vertikalt?


Meningen var nu at der skulle være midt på siden, og så kunne man scrolle i tekstboksen, alt efter hvor meget der er. Problemet har bare været at det hele ændre sig, sammen med at jeg ændre størrelsen i browseren, så det ikke bliver de steder jeg vil have dem.

EDIT: Har lige lavet et lille eksempel på hvad jeg mener:Link

[IMG]http://www.tweak.dk/forum/attachment.php?attachmentid=13118&sid=[/IMG]

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Agerskov" (04.04.2008, 18:09)


6

fredag, 4. april 2008, 21:39


<div class="container">
<div class="banner"></div>
<div class="menu"></div>
<div class="content"></div>
</div>






body {
padding:0;
margin:0;
}

div.container {
margin:0 auto;
width:700px;
}

div.banner {
background-image: url(images/mitbanner.jpg);
height:200px;
width:700px;
clear:both;
}

div.menu {
background-image: url(grafik/til/menunen.jpg);
height:200px;
width:300px;
float:left;
}

div.content {
background-image: url(mit_content/grafik.jpg);
float:right;
width:400px;
height:500px;
background-repeat:no-repeat;
overflow:scroll;
}

Intel i5-4690K @ 4,7ghz
Coolmaster EVO212
ASUS Z97-A
Crucial Ballistix Sport 2x4GB
Crucial MX100 240GB SSD
Gigabyte 970 G1 4GB
Fractal Design Arc Midi R2

7

lørdag, 5. april 2008, 09:48


Tusinde gange tak til jer begge, virker nu :clap:

[IMG]http://www.tweak.dk/forum/attachment.php?attachmentid=13118&sid=[/IMG]

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.