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

søndag, 7. august 2011, 21:33


hey, har lidt problemer med at få mine divs til at tilpasse sig..

har mine container, banner, menu som er hvor de skal være. men min content ligger i bunden uden for container.

#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;

}


2

søndag, 7. august 2011, 21:47


Citeret

Oprindeligt indlæg af NiEn
hey, har lidt problemer med at få mine divs til at tilpasse sig..

har mine container, banner, menu som er hvor de skal være. men min content ligger i bunden uden for container.

#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;

}


Kan du ikke poste din html, det gør det lidt lettere. :)

Apple <3

3

søndag, 7. august 2011, 21:51


Der er ikke noget suspekt ved din style på content.. bruger du noget float/position andre steder?


4

søndag, 7. august 2011, 21:54


<style type="text/css">
#container {
width:990px;
height:600px;
border:solid;
border-width:thin;
margin-left:auto;
margin-right:auto;
border-top-left-radius:25px;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background-color:grey;
}
#banner {
width:976px;
height:90px;
margin-left:auto;
margin-right:auto;
margin-top:6px;
border:solid;
border-width:thin;
border-top-left-radius:25px;
border-top-right-radius:25px;
background-color:white;

}
#leftmenu {
width:140px;
height:488px;
margin-left:6px;
margin-top:6px;
border:solid;
border-width:thin;
border-bottom-left-radius:25px;
background-color:white;
}
#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;

}



</style>
</head>

<body>
<div id="container">
<div id="banner"><h1 align="center">Banner</h1></div>
<div id="leftmenu"><h1 align="center">Menu</h1></div>
<div id="content"><h1 align="center">Content</h1></div>
</div>
</body>

</html>


5

søndag, 7. august 2011, 22:05


#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;
}

Der har du fejlen, der er ikke plads til den i din container hvis den skal være 152px fra venstre. ;)

EDIT:

Derudover ville jeg bruge float, hvis jeg var dig.

Så CSS'en kommer til at så sådan ud:

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
#container {
    width:990px;
    height:600px;
    border:solid;
    border-width:thin;
    margin-left:auto;
    margin-right:auto;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    background-color:grey;
 }
 #banner    {
    float:left;
    width:976px;
    height:90px;
    margin-left:6px;
    margin-top:6px;
    border:solid;
    border-width:thin;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    background-color:white;
    
 }
 #leftmenu  {
    float:left;
    width:140px;
    height:488px;
    margin-left:6px;
    margin-top:6px;
    border:solid;
    border-width:thin;
    border-bottom-left-radius:25px;
    background-color:white;
 }
 #content   {
    float:left;
    width:828px;
    height:488px;
    border:solid;
    border-width:thin;
    margin-left:6px;
    margin-top:6px;
      
 }

Apple <3

Dette indlæg er blevet redigeret 2 gange, senest redigeret af "LeeFusZ" (07.08.2011, 22:12)


6

søndag, 7. august 2011, 22:10


Citeret

Oprindeligt indlæg af LeeFusZ
#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;
}

Der har du fejlen, der er ikke plads til den i din container hvis den skal være 152px fra venstre. ;)


hmm, har prøvet at ændre margin. men det hjalp intet :(


7

søndag, 7. august 2011, 22:12


Citeret

Oprindeligt indlæg af NiEn

Citeret

Oprindeligt indlæg af LeeFusZ
#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;
}

Der har du fejlen, der er ikke plads til den i din container hvis den skal være 152px fra venstre. ;)


hmm, har prøvet at ændre margin. men det hjalp intet :(


Det er fordi du også skal bruge float, tjek min sidste post. ;)

Apple <3

8

søndag, 7. august 2011, 22:17


Citeret

Oprindeligt indlæg af LeeFusZ

Citeret

Oprindeligt indlæg af NiEn

Citeret

Oprindeligt indlæg af LeeFusZ
#content {
width:832px;
height:488px;
border:solid;
border-width:thin;
margin-left:152px;
}

Der har du fejlen, der er ikke plads til den i din container hvis den skal være 152px fra venstre. ;)


hmm, har prøvet at ændre margin. men det hjalp intet :(


Det er fordi du også skal bruge float, tjek min sidste post. ;)


super, mange tak :P


9

søndag, 7. august 2011, 22:28


Hvorfor skal man bruge float:left når man nu har givet besked på margin-left:6px; ?


10

søndag, 7. august 2011, 22:30


husk når du bruger float, at lave en div til sidst til at clear din float..... øh ikke nemt at forstå.

Code:

HTML:

<div class="clear"></div>

CSS:

.clear {
clear:both;}

div indsættes efter sidste brugte div med "float"

Håber det giver mening

vh. Nikolaj Weber


WeberDesigns.dk - Webdesign & Programmering

11

søndag, 7. august 2011, 22:32


Så er du sikker på dine div'er ikke vandre frit rundt ;)

vh. Nikolaj Weber


WeberDesigns.dk - Webdesign & Programmering

12

søndag, 7. august 2011, 22:34


Citeret

Oprindeligt indlæg af Sweet_Dane
husk når du bruger float, at lave en div til sidst til at clear din float..... øh ikke nemt at forstå.

Code:

HTML:

<div class="clear"></div>

CSS:

.clear {
clear:both;}

div indsættes efter sidste brugte div med "float"

Håber det giver mening


det skal jeg huske, kan du begrunde hvorfor man gør dette ?


13

søndag, 7. august 2011, 22:55


Div er et block-element, så den optager hele den linie den er på og fylder den ud.. Hvis du så sætter to divs "ved siden af hinanden", så smutter de ned under hinanden.. Med float: left; "flyder" de og kan ligge ved siden af hinanden, men kræver så også at man enten selv sætter bredde/højde eller lader indholdet bestemme størrelsen

Clear i bunden af dine floats er for at din container/wrapper, tilpasser sig i højden til indholdet, da floats så at sige ikke har nogen højde, da de flyder.. Clear lægger sig altid nedenunder de floats den "clearer" og tvinger wrapperen derned


14

søndag, 7. august 2011, 22:57


Som Karga skriver

For at forstå float rigtigt kig her.

vh. Nikolaj Weber


WeberDesigns.dk - Webdesign & Programmering

Dette indlæg er blevet redigeret 1 gange, senest redigeret af "Sweet_Dane" (07.08.2011, 22:58)


15

søndag, 7. august 2011, 23:06


Citeret

Oprindeligt indlæg af Karga
Div er et block-element, så den optager hele den linie den er på og fylder den ud.. Hvis du så sætter to divs "ved siden af hinanden", så smutter de ned under hinanden.. Med float: left; "flyder" de og kan ligge ved siden af hinanden, men kræver så også at man enten selv sætter bredde/højde eller lader indholdet bestemme størrelsen

Clear i bunden af dine floats er for at din container/wrapper, tilpasser sig i højden til indholdet, da floats så at sige ikke har nogen højde, da de flyder.. Clear lægger sig altid nedenunder de floats den "clearer" og tvinger wrapperen derned


super, mange tak for den fine forklaring :D dejligt med lidt hjælp, når man enderlig skal bruge de.. :cheers:


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.