Franchise & kæder - Få hjælp her

Svar: CSS hvordan center stiller man en webside med brug af CSS

Rasmus Henriksen — Tue, 14 Dec 2010 07:07:26 GMT

Fireball:

wrapper{

width: 1000px;
margin: 0 auto;

}

Som jeg sagde, det måtte være et andet problem - du mangler # foran wrapper :) Wrapper er ikke et element som h1, h2, a, osv (hvor man derfor kan definere globalt på dem ved blot at skrive det uden punktum eller havelåge foran), men angives som en class eller et ID. Så:

#wrapper{

width: 1000px;
margin: auto;

}

Drop også det 0 som jeg har gjort her.

Svar: CSS hvordan center stiller man en webside med brug af CSS

slettet_bruger — Mon, 13 Dec 2010 15:23:33 GMT

MathiasGS:

m2w_kenneth:

MathiasGS:

HTML:

<div id="wrapper">

Sidens indhold...

</div>

CSS:

#wrapper{

width: 1000px;

margin: 0 auto;

}

Width kan sikkert udelades, men det er en god ide at kontrollere bredden med enten width, min-width eller max-width.

Håber det kunne hjælpe :)

Width kan absolut ikke udelukkes, da den i så fald vil have en bredde på 100%, som er default value for div tag i alle browsere.

There you go... Har aldrig benyttet det uden såe..

css ser sådan ud

@charset "utf-8";
/* CSS Document */

wrapper{

width: 1000px;
margin: 0 auto;

}

h1
{
color: #333;
font-size: 36px;
}

h2
{
color: #333;
font-size: 20px;
}

h3
{
color: #333;
font-size: 20px;
}
a:link
{
color:#000;
font:Arial, Helvetica, sans-serif;
font-size:14px;
font-style: normal;

}

side ser sådan ud og det virker ikke :

<img src="images/forsidepic.jpg" width="300" height="200" alt="Webdesign logo opti-web.dk" longdesc="http://www.opti-web.dk" style="float:right; overflow:auto;"/>
<h1>Webdesign og SEO optimering</h1><p></p>

<a href="index.html" title="Forsiden fra Opti-web.dk">Opti-web.dk</a> | <a href="index.html" title="Forsiden fra Opti-web.dk">Webdesign og webshops</a> | <a href="index.html" title="Forsiden fra Opti-web.dk">SEO optimering</a>
| <a href="index.html" title="Forsiden fra Opti-web.dk">SEO artikler</a> | <a href="index.html" title="Forsiden fra Opti-web.dk">Online marketing</a> | <a href="index.html" title="Forsiden fra Opti-web.dk">Kontakt</a>

<div style="background-color:#CCC; padding: 20px; margin-top: 105px; width: 450px; float:left; border:solid;">
<h2>Webdesign:</h2>

</div>

jeg fatter det ikke

Svar: CSS hvordan center stiller man en webside med brug af CSS

MathiasGS — Mon, 13 Dec 2010 14:11:33 GMT

m2w_kenneth:

MathiasGS:

HTML:

<div id="wrapper">

Sidens indhold...

</div>

CSS:

#wrapper{

width: 1000px;

margin: 0 auto;

}

Width kan sikkert udelades, men det er en god ide at kontrollere bredden med enten width, min-width eller max-width.

Håber det kunne hjælpe :)

Width kan absolut ikke udelukkes, da den i så fald vil have en bredde på 100%, som er default value for div tag i alle browsere.

There you go... Har aldrig benyttet det uden såe..

Svar: CSS hvordan center stiller man en webside med brug af CSS

m2w_kenneth — Mon, 13 Dec 2010 14:09:35 GMT

MathiasGS:

HTML:

<div id="wrapper">

Sidens indhold...

</div>

CSS:

#wrapper{

width: 1000px;

margin: 0 auto;

}

Width kan sikkert udelades, men det er en god ide at kontrollere bredden med enten width, min-width eller max-width.

Håber det kunne hjælpe :)

Width kan absolut ikke udelukkes, da den i så fald vil have en bredde på 100%, som er default value for div tag i alle browsere.

Svar: CSS hvordan center stiller man en webside med brug af CSS

MathiasGS — Mon, 13 Dec 2010 13:55:30 GMT

HTML:

Sidens indhold...

</div>

CSS:

#wrapper{

width: 1000px;

margin: 0 auto;

}

Width kan sikkert udelades, men det er en god ide at kontrollere bredden med enten width, min-width eller max-width.

Håber det kunne hjælpe :)

Svar: CSS hvordan center stiller man en webside med brug af CSS

m2w_kenneth — Mon, 13 Dec 2010 13:47:00 GMT

Ja margin:auto; angiver at den automatisk centrerer elementet så vidt muligt.

Svar: CSS hvordan center stiller man en webside med brug af CSS

slettet_bruger — Mon, 13 Dec 2010 13:24:24 GMT

m2w_kenneth:

Ja igen det er dårlig vane, med de nyere HTML standarder. Det havde faktisk noget at sige førhen med f.eks. ældre udgaver af Opera etc.

dvs med margin: auto så er der lige meget luft til hver side eller hvordan

Svar: CSS hvordan center stiller man en webside med brug af CSS

m2w_kenneth — Mon, 13 Dec 2010 11:24:56 GMT

Ja igen det er dårlig vane, med de nyere HTML standarder. Det havde faktisk noget at sige førhen med f.eks. ældre udgaver af Opera etc.

Svar: CSS hvordan center stiller man en webside med brug af CSS

Rasmus Henriksen — Mon, 13 Dec 2010 11:14:34 GMT

m2w_kenneth:

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

Yes, og hvis man nu endelig er gået i gang med css reduction, kan man lige så godt gøre det fuldt ud og skrive margin: auto; og droppe 0'et.. :)

Svar: CSS hvordan center stiller man en webside med brug af CSS

m2w_kenneth — Mon, 13 Dec 2010 10:22:44 GMT

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.

Svar: CSS hvordan center stiller man en webside med brug af CSS

Rasmus Henriksen — Mon, 13 Dec 2010 10:01:49 GMT

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 :)

Svar: CSS hvordan center stiller man en webside med brug af CSS

slettet_bruger — Mon, 13 Dec 2010 08:37:03 GMT

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

Svar: CSS hvordan center stiller man en webside med brug af CSS

m2w_kenneth — Mon, 13 Dec 2010 00:57:40 GMT

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

Svar: CSS hvordan center stiller man en webside med brug af CSS

Rasmus Henriksen — Mon, 13 Dec 2010 00:29:00 GMT

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.

Svar: CSS hvordan center stiller man en webside med brug af CSS

m2w_kenneth — Mon, 13 Dec 2010 00:23:52 GMT

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.