Welkom, Gast. Je bent niet ingelogd.

div Center

Jaapiej
krek
Geplaatst op: 21 Aug 2007, 12:21
PimpCoins: 0
💸+
Bewerken Quote

Hey,

Ik ben bezig met een website, en nu wil ik een divje precies in 't midden.
Dat ook bij iedereen in het midden staat, dus niet met 'left: 123px;'.

Als ik in mijn html '<div align="center">' doe, dan centreert hij de tekst.
Hoe krijg ik mijn divje in het midden?

BVD

Jaapiej

Jaapje
Geplaatst op: 21 Aug 2007, 12:27
PimpCoins: 0
💸+
Bewerken Quote

De CSS:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
// Alles tussen de body tags heeft de opmaak die hieronder staat 
// aangegeven.
// Zo ook de 'tekst-align center'.
// Alles tussen de body tags wordt dus gecentreerd.

body {

    margin: 0 auto;
    text-align: center;
    background-color: #000000;
    font-family: tahoma;
    font-size: 12px;
    color: #FFFFFF;

}

#content {

    background-color: #000000;
    width: 400px;
    height: 100%;
    text-align: left;

}

De html:

1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title></title>
</head>
<body>
<div id="content">
Hier de tekst in het content.
</div>
</body>
</html>

Edit:
Uitleg staat in de css

Edit2:
Heb ook even de font kleur veranderd. anders zie je niks

[Laatst bewerkt door Jaapje op dinsdag 21 augustus 2007, om 13:05]
Jesse
House<3
Geplaatst op: 21 Aug 2007, 13:01
PimpCoins: 0
💸+
Bewerken Quote

Ten eerste aarvoor moet je met classes werken

ff je code wijzigen

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
body { 

    margin: 0 auto; 
    text-align: center; 
    background-color: #000000; 
    font-family: tahoma; 
    font-size: 12px; 
    font-color: #FFFFFF; 

} 

.content { 

    background-color: #000000; 
    width: 400px; 
    height: 100%; 
    text-align: left; 

}

1
2
3
4
5
6
7
8
9
10
<html> 
<head> 
<title></title> 
</head> 
<body> 
<div class="content"> 
Hier de tekst in het content. 
</div> 
</body> 
</html>

[Laatst bewerkt door Hawk op dinsdag 21 augustus 2007, om 13:01]
Jaapje
Geplaatst op: 21 Aug 2007, 13:03
PimpCoins: 0
💸+
Bewerken Quote

Uh. die van mij werkt perfect hoor?

Florian
kunjeditzien:')?
Geplaatst op: 21 Aug 2007, 13:06
PimpCoins: 0
💸+
Bewerken Quote

De beste manier is nog altijd in de css van de div zetten:
margin-left:auto;
margin-right:auto;
Het enige wat je daarvoor hoeft te doen is ook even de width opgeven van de div in de css.

Jaapje
Geplaatst op: 21 Aug 2007, 13:07
PimpCoins: 0
💸+
Bewerken Quote

Ik vind div id fijner werken dan class. En je doet het nu verkeerd. Je hebt een . voor content staan ipv een #, en als je een . daar hebt staan moet in je div class gebruiken ipv div id.

Edit:
Zie nu dat je je de html code ook al goed hebt

@Florian:
Waarom is dat het beste dan?

[Laatst bewerkt door Jaapje op dinsdag 21 augustus 2007, om 13:09]
Basjee
Octo
Geplaatst op: 21 Aug 2007, 13:11
PimpCoins: 0
💸+
Bewerken Quote

Class is daarvoor niet bedoelt. Florian, werkt niet in IE6.

Jaapje is ook niet goed in IE6.

Jaapje
Geplaatst op: 21 Aug 2007, 13:13
PimpCoins: 0
💸+
Bewerken Quote

Basjee schreef:

Class is daarvoor niet bedoelt. Florian, werkt niet in IE6.

Jaapje is ook niet goed in IE6.


Hier wel hoor?
De 'content div' wordt keurig gecentreerd, alleen de tekst in de div wordt links uitgelijnd. Als je de content div een ander kleurtje geeft zie je wel dat het werkt.

Edit:
Kijk maar:

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
<html> 
<head> 
<style>
body { 

    margin: 0 auto; 
    text-align: center; 
    background-color: #000000; 
    font-family: tahoma; 
    font-size: 12px; 
    color: #FFFFFF; 

} 

#content { 

    background-color: #FF9900; 
    width: 400px; 
    height: 100%; 
    text-align: left; 

} 
</style>
<title></title> 
</head> 
<body> 
<div id="content"> 
Hier de tekst in het content. 
</div> 
</body> 
</html>

[Laatst bewerkt door Jaapje op dinsdag 21 augustus 2007, om 13:14]
Jesse
House<3
Geplaatst op: 22 Aug 2007, 14:00
PimpCoins: 0
💸+
Bewerken Quote

Jongen werk met classes en je komt nooit zoeits doms tegen

Basjee
Octo
Geplaatst op: 22 Aug 2007, 14:10
PimpCoins: 0
💸+
Bewerken Quote

Hawk schreef:

Jongen werk met classes en je komt nooit zoeits doms tegen

Ga eens niet over iets praten wat je niet weer.

📫

Nieuw privébericht

🔥

Registreren


Login