CSS hvordan center stiller man en webside med brug af CSS

Tilmeldt 30. May 10

Indlæg ialt: 22

m2w_kenneth Skrevet 13-12-2010 kl. 00:26

Hvor mange stjerner giver du? :

Fuldstændig korrekt, det er en sag man bruger child elementer til at håndtere. Der er absolut ikke noget forkert i at bruge position, faktisk kan det ofte hjælpe en med at ændre rækkefølgen på indhold, hvilket kan give referencer for Google for vigtigheden af elementet.

Fra Puerto De La Duquesa

Tilmeldt 13. Jul 09

Indlæg ialt: 3506

DesignYOU - Allan Hansen Fra DesignYOU - Kreative løsninger Skrevet 13-12-2010 kl. 00:40

Hvor mange stjerner giver du? :

Rasmus Henriksen:
Med width 100% er der intet at centrere :) Men ellers ja, det er den "rigtige" metode. Bemærk at man blot kan angive margin: auto;

Vrøvl se det i action her

/allan

- Unikke web design til gode priser -

Fra Varde

Tilmeldt 30. Oct 07

Indlæg ialt: 250

Rasmus Henriksen Fra RH Freelance Skrevet 13-12-2010 kl. 00:50

Hvor mange stjerner giver du? :

Det jeg mener er at hvis ud har 100% (og den fylder hele skærmen) så kan den jo ikke centreres, for hvad skal den centeres til når den fylder hele skærmen ud i bredden.

Tilføjelse: tjekkede lige, du kan fjerne din margin: 0 auto; - den har ingen effekt.

Yderligere tilføjelse: På din #maincontainer giver din margin auto mening. Ikke på din #site-front-wrapper med width 100%

Fra Varde

Tilmeldt 30. Oct 07

Indlæg ialt: 250

Rasmus Henriksen Fra RH Freelance Skrevet 13-12-2010 kl. 00:52

Hvor mange stjerner giver du? :

m2w_kenneth:

Fuldstændig korrekt, det er en sag man bruger child elementer til at håndtere. Der er absolut ikke noget forkert i at bruge position, faktisk kan det ofte hjælpe en med at ændre rækkefølgen på indhold, hvilket kan give referencer for Google for vigtigheden af elementet.

Helt sikkert - jeg gør selv sådan nogle gange for netop at have specifikke elementer længere oppe i koden :)

Tilmeldt 30. May 10

Indlæg ialt: 22

m2w_kenneth Skrevet 13-12-2010 kl. 01:23

Hvor mange stjerner giver du? :

Præcis! Personligt ville jeg bare gerne have begge metoder på banen og det var bestemt ikke for at bashe den anden metode. Den er nemmere at forholde sig til for begyndere.

@DesignYOU, tror også du misforstår Rasmus Henriksen. block element vil altid have 100% bredde med mindre andet er angivet. Derfor vil et <div> tag aldrig kunne centreret med mindre den har x antal px/ x antal % bredde, ligesom den er på din egen webside.

Fra Varde

Tilmeldt 30. Oct 07

Indlæg ialt: 250

Rasmus Henriksen Fra RH Freelance Skrevet 13-12-2010 kl. 01:29

Hvor mange stjerner giver du? :

m2w_kenneth:

@DesignYOU, tror også du misforstår Rasmus Henriksen. block element vil altid have 100% bredde med mindre andet er angivet. Derfor vil et <div> tag aldrig kunne centreret med mindre den har x antal px/ x antal % bredde, ligesom den er på din egen webside.

Mjaeh, det er mere at han siger at han kan centrere en 100% bred div hehe :) Hvis den er 100% bred fylder den jo hele bredden og der er derfor ikke noget at centrere. Men ja, faktisk behøves hans width: 100% heller ikke.

Så både width: 100%; og margin: 0 auto; kan fjernes uden effekt.

Tilmeldt 30. May 10

Indlæg ialt: 22

m2w_kenneth Skrevet 13-12-2010 kl. 01:57

Hvor mange stjerner giver du? :

Har ikke specifikt set hans kode igennem. Hentydede kun til generelle eksempler, f.eks.: 80% bredde etc. :D

Tilmeldt 10. Nov 09

Indlæg ialt: 0

slettet_bruger Skrevet 13-12-2010 kl. 09:37

Hvor mange stjerner giver du? :

Det ligner det samme i kommer med som jeg har prøvet men det virkede ikke

Fra Varde

Tilmeldt 30. Oct 07

Indlæg ialt: 250

Rasmus Henriksen Fra RH Freelance Skrevet 13-12-2010 kl. 11:01

Hvor mange stjerner giver du? :

Fireball:

Det ligner det samme i kommer med som jeg har prøvet men det virkede ikke

Hvis du har et element, hvor css er margin: auto; så burde det virke. Ellers er der noget i vejen med noget andet af din css/element. Prøv lige at smid koden/css'en :)

Tilmeldt 30. May 10

Indlæg ialt: 22

m2w_kenneth Skrevet 13-12-2010 kl. 11:22

Hvor mange stjerner giver du? :

Her er et eksempel på korrekt brug af strukturen.

Først stylesheet:

#wrapper {
width:900px;
margin:0 auto; }

HTML eksempel fra body:

<body>

I dette tilfælde vil wrapper delen være centreret.