Center med CSS ?

Tags:    html css

Hej.

Jeg arbejder i øjeblikket med lidt kodning er forholdvis ny.

Jeg er i gang med et design, hvor jeg skal have et div " <div> "
til at være center.
Det hjælper ikke at skrive " <div align="center">,
så tænke jeg om man ikke kan centrerer via CSS.

Hvordan giver man center via CSS.
f.eks

#billede1 {
Background-image url(hej.gif);

}

Hvordan laver man center via CSS?








align="center" skulle meget gerne virke.. hvis ikke er det samme kode til CSS:

blalba {

align: center;

}



Ved align="center" bliver div-taggets indhold centreret inde i selve div-objektet.
Hvis det er selve div'ens placering må du angive align="center" / style="text-align: center;" i det tag som din div befinder sig i.



Det hedder text-align: center; i css

Edit: så ikke post nr.3 :D

-----BEGIN GEEK CODE BLOCK-----
Version: 3.12
GED d- s: a--- C++ U? P L+ E? W++ N? o? K- w
O? M? V? PS PE? Y? PGP++ t 5? X+ R tv+ b+ DI? D+
G e-- h! !r y--
------END GEEK CODE BLOCK------

[Redigeret d. 12/08-05 18:56:33 af Jonas (Decko)]



Definer en bredde og brug margin: auto; eksempel:

<div style="width: 200px; margin: auto;"></div>


--
Ronni Egeriis



Hej.

Jeg arbejder i øjeblikket med lidt kodning er forholdvis ny.

Jeg er i gang med et design, hvor jeg skal have et div " <div> "
til at være center.
Det hjælper ikke at skrive " <div align="center">,
så tænke jeg om man ikke kan centrerer via CSS.

Hvordan giver man center via CSS.
f.eks

#billede1 {
Background-image url(hej.gif);

}

Hvordan laver man center via CSS?


Det er ret simpelt, Se selv her:


    <html>
    <head>
    <style>
    body { margin:0;text-align:center; }
    .page { position:relative;width:700px;text-align:left;margin:auto;border:1px solid red; }
    </style>
    </head>
    <body>
    <div class="page">
    Se det er centreret
    </div>
    </body>
    </html>


Er det svar nok?

Mvh
Tommy



Hej.

Jeg arbejder i øjeblikket med lidt kodning er forholdvis ny.

Jeg er i gang med et design, hvor jeg skal have et div " <div> "
til at være center.
Det hjælper ikke at skrive " <div align="center">,
så tænke jeg om man ikke kan centrerer via CSS.

Hvordan giver man center via CSS.
f.eks

#billede1 {
Background-image url(hej.gif);

}

Hvordan laver man center via CSS?


Det er ret simpelt, Se selv her:

Fold kodeboks ind/udKode 


Er det svar nok?

Mvh
Tommy





Hej.

Jeg arbejder i øjeblikket med lidt kodning er forholdvis ny.

Jeg er i gang med et design, hvor jeg skal have et div " <div> "
til at være center.
Det hjælper ikke at skrive " <div align="center">,
så tænke jeg om man ikke kan centrerer via CSS.

Hvordan giver man center via CSS.
f.eks

#billede1 {
Background-image url(hej.gif);

}

Hvordan laver man center via CSS?



Det er ret simpelt, Se selv her:

Fold kodeboks ind/udKode 


Er det svar nok?

Mvh
Tommy


(UPS! kom vist til at trykke svar istedet for ret :-) sorry)

[Redigeret d. 24/08-05 14:24:30 af zule]



t