Hov. Du er ikke logget ind.
DU SKAL VÆRE LOGGET IND, FOR AT INTERAGERE PÅ DENNE SIDE

CSS hvordan center stiller man en webside med brug af CSS

Side 2 ud af 3 (29 indlæg)
Tilmeldt 30. May 10
Indlæg ialt: 22
Skrevet 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
Fra  DesignYOU - Kreative løsninger Skrevet 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

Fra Varde
Tilmeldt 30. Oct 07
Indlæg ialt: 250
Fra  RH Freelance Skrevet 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
Fra  RH Freelance Skrevet 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
Skrevet 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
Fra  RH Freelance Skrevet 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
Skrevet 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
Skrevet 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
Fra  RH Freelance Skrevet 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
Skrevet 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>

<div id="wrapper">
text text text
</div>

 

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

Side 2 ud af 3 (29 indlæg)