Trenger hjelp til midtstilling av side

[Qizaa]

Hei.

 

Jeg er ganske ny i webdesign, og jeg har nylig lært meg litt html og css. Vi har et skoleprosjekt på skolen, og jeg har fått i oppgave å sette opp en nettside.

Jeg har et lite problem, siden jeg satt opp vises ikke skikkelig i Opera/FireFox. Problemet er at siden blir ikke midtstillt.

Noen som vet hva jeg har gjort gale?

 

Takk på forhånd

 

Eirik

[Anders Moen]

Har du prøvd med

margin: 0 auto;

i CSS fila di?

 

Tror heller ikke du kan ha

float:;

Da er det i så fall like så greit å ta den bort for float (right, left) er jo for å bestemme om den skal være venstre- eller høyrestilt.

 

Btw, sida er ikke validerende HTML som det står at den er

[Qizaa]

Satt den opp slik, men ingenting skjedde :S

 

body {

margin: 0 auto;

padding: 0;

background-color: #333333;

color: #000;

text-align: center;

}

[T0mmy]

Hvis hele siden skal midtstilles tror jeg det enkleste blir å legge de tre eksisterende div-taggene inn i en ny div-tag. Behold text-align:center i body-parentesen, og i tillegg oppretter du en egen div-parentes for den nye div-taggen hvor du skriver inn margin: 0 auto; (slett denne teksten fra body-parentesen) i tillegg til andre ting du føler for som f.eks. bredde, marginer osv... Hvis all tekst o.l. midtstilles på hele siden, kan du bruke text-align:left for den nye div-taggen.

[Jack Jazzrabbit]

Hvis hele siden skal midtstilles tror jeg det enkleste blir å legge de tre eksisterende div-taggene inn i en ny div-tag. Behold text-align:center i body-parentesen, og i tillegg oppretter du en egen div-parentes for den nye div-taggen hvor du skriver inn margin: 0 auto; (slett denne teksten fra body-parentesen) i tillegg til andre ting du føler for som f.eks. bredde, marginer osv... Hvis all tekst o.l. midtstilles på hele siden, kan du bruke text-align:left for den nye div-taggen.

7897232[/snapback]

 

Kan du forklare denne litt mer inngående? Får til å midtstille den første div-tag'en, men de div-tag'ene som er "inni" denne igjen står i ro når den andre midtstilles. Er helt noob på css og html da, så jeg skjønner ikke så mye...

[Ståle]

Hvis du skal midstille en side, må du ha alle elementene relative.

 

Først har du en container-div som du midtstiller, da vil alle elementene inni container-diven også bli midtstilt.

 

<div id="container">

<!--Alt innhold her -->

</div>

 

og i css

#container {

margin: 0 auto;

}

 

men i IE må du også legge til

text-align: center;

i body for å få den midtstilt. Men da må du også ha text-align: left; i #container igjen for å få teksten venstrestilt.

[maZe-]

det du kan skrive i css'n din er:

 

* {

margin: 0px auto;

}

 

Dette funker alltid. Du kan alltids bare kopiere det jeg skrev her og paste det i css'n din

[eigan]

MaZe- : Din kode vil sentrere alt som er å sentrere... noe som T0mmy også sier.

Ståle har svaret trådstarter trenger.

 

---

Qizaa : Neste gang kan du søke før du poster, finnes masse av folk med akkurat det samme problemet. Bare ved å lese nedover på Web-design, HTML og CSS, kan man finne denne tråden:

Midstille design + kodefeil

 

Lykke til