Centra Min Sida Med Css?

Ett snabbt och fult trick är att lägga <center> över allting.

Lägg in en fast bredd (t.ex. width: 980px) i den div-kontainer som du vill centrera. Sedan skriver du in margin: 0px auto 0px auto; (eller margin-left: auto; margin-right: auto;)

Exempel

div#minDiv {
width: 980px;
margin: 0px auto 0px auto;
}

Detta fungerar om du vill centrera annat också. Dock måste HTML-elementet vara ett såkallad "block"-element. Du kan få inline-element att bete sig block-element mha display: block. Du kan därmed rensa bort alla äckliga <center>-taggar som inte bör användas.

T.ex.

span#minSpan {
width: 980px;
margin: 0px auto 0px auto;
display: block;
}

↗ till inlägget

Ett snabbt och fult trick är att lägga <center> över allting.

Nej, det är inte så lätt tyvärr, det är bara texten som blir center.

↗ till inlägget

Lägg in en fast bredd (t.ex. width: 980px) i den div-kontainer som du vill centrera. Sedan skriver du in margin: 0px auto 0px auto; (eller margin-left: auto; margin-right: auto;)

 

Exempel

 

div#minDiv {
width: 980px;
margin: 0px auto 0px auto;
}

Detta fungerar om du vill centrera annat också. Dock måste HTML-elementet vara ett såkallad "block"-element. Du kan få inline-element att bete sig block-element mha display: block. Du kan därmed rensa bort alla äckliga <center>-taggar som inte bör användas.

 

T.ex.

span#minSpan {
width: 980px;
margin: 0px auto 0px auto;
display: block;
}

fick ändå inte det att fungera?

ska jag skriva hela källkoden för sidan och så någon kan fixa det?

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

sedan omsluter du själva innehållet med:

<div id="wrapper">
<!-- din kod här -->
</div>

Testa med det, annars skriv hela koden så testar vi

↗ till inlägget

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

sedan omsluter du själva innehållet med:

<div id="wrapper">
<!-- din kod här -->
</div>

 

Testa med det, annars skriv hela koden så testar vi

Och nu få med alla andra rutor?

Jag lyckades ändra igår så det vart centrat på ett annat sätt.

Men tycker det vore med nice med de du hjälpte mig med.

Skäms lite om jag varit slarvig på att fixa alla Css saker och HTML saker....

Om du vill se koderna så får du kolla i käll koden... det vart så onödigt med mellanrum så lägger inte upp dem på fuska.

EDIT: Dum jag är läste inte allt..

↗ till inlägget

Och nu få med alla andra rutor?

Jag lyckades ändra igår så det vart centrat på ett annat sätt.

Men tycker det vore med nice med de du hjälpte mig med.

Skäms lite om jag varit slarvig på att fixa alla Css saker och HTML saker....

 

Om du vill se koderna så får du kolla i käll koden... det vart så onödigt med mellanrum så lägger inte upp dem på fuska.

EDIT: Dum jag är läste inte allt..

Ett tips är att du försöker hålla en bra struktur på din hemsida när du kodar för då blir det lättare att göra såna ändringar. :)

↗ till inlägget

Fick du det att fungera?

 

Ett tips är att du försöker hålla en bra struktur på din hemsida när du kodar för då blir det lättare att göra såna ändringar. :)

Jag lyckades göra som det var till mobil istället. Så bilden trycks ihop. Fast då med centrat till datorn.

↗ till inlägget

Yes, men vill göra så de andra rutorna med följer med storleken på skärmen.. ;)

 

Jag lyckades göra som det var till mobil istället. Så bilden trycks ihop. Fast då med centrat till datorn.