Centrera en DIV

10 svar · 488 visningar · startad av greyhound 10 juli 2004

greyhoundMedlem sedan maj 20031 472 inlägg

Trådstart10 juli 2004 18:06#1

Jag håller på att göra en ny design till min sida men nu har jag kört fast med CSS.
Hur kan jag göra så att allt på min sida blir centrerat. Kan man göra en div och lägga allt i och centrera den eller?

Sedan undrar jag också hur gör man så att tex Div nr 2 är 10 pixlar till höger om div nr 1?
I mitt fall så vill jag att diven med innehåll ska ligga 10 pixlar eller så till höger om meny-diven.

Nya sidan

Hoppas någon fattar vad jag igentligen vill veta

Mr. N.Medlem sedan sep. 20025 506 inlägg

10 juli 2004 18:20#2

Om det är text så funkar ju text-align: center;
annars får du lägga in style="margin-left:auto; margin-right:auto;" i det som ska centreras, då måste också bodyn eller den kringliggande diven ha text-align: center.

greyhoundMedlem sedan maj 20031 472 inlägg

10 juli 2004 18:52#3

Jag får inte till det. När jag sätter "text-align: center;" på bodyn så blir bara all text centrerad. Men jag lyckas inte få diven att bli centrerad.

greyhoundMedlem sedan maj 20031 472 inlägg

10 juli 2004 19:29#4

Hittade denna sida:
http://bluerobot.com/web/css/center2.html

Nu funkar det

CheguelinMedlem sedan juli 2003303 inlägg

11 juli 2004 14:32#5

Jag skulle förmodligen lägga diven i en table med en cell vilken har text-align: center;. Den där lösningen känns alltför statisk.

icaaqMedlem sedan okt. 20005 273 inlägg

11 juli 2004 17:23#6

Cheguelin skrev:

Jag skulle förmodligen lägga diven i en table med en cell vilken har text-align: center;. Den där lösningen känns alltför statisk.

Tabeller ska inte användas för att presentera (x)html utan det använder man css för.

Själv tycker jag http://bluerobot.com/web/css/center1.html är en bättre variant....

mv icaaq

Mr. N.Medlem sedan sep. 20025 506 inlägg

11 juli 2004 17:27#7

greyhound skrev:

Jag får inte till det. När jag sätter "text-align: center;" på bodyn så blir bara all text centrerad. Men jag lyckas inte få diven att bli centrerad.

Kolla här då.

greyhoundMedlem sedan maj 20031 472 inlägg

11 juli 2004 18:29#8

Mr. N. skrev:

greyhound skrev:

Jag får inte till det. När jag sätter "text-align: center;" på bodyn så blir bara all text centrerad. Men jag lyckas inte få diven att bli centrerad.

Kolla här då.

Mysko där funkar det men inte för mig och vad jag kunde se hade jag gjort lika.
Men det kan bro på att jag inte körde med style="" utan classer osv

Mr. N.Medlem sedan sep. 20025 506 inlägg

11 juli 2004 20:46#9

Jag kör det med klasser i extern css-fil vanligtvis.

greyhoundMedlem sedan maj 20031 472 inlägg

11 juli 2004 21:25#10

ok, jag är ju ny på detta med CSS så jag kan gjort nått fel

Just nu håller jag på med float och det blir inte alls som jag vill men men man lär ju sig.

slowieMedlem sedan juli 20023 inlägg

12 juli 2004 13:30#11

Vet inte om detta förklarar mer eller förvirrar mer:

http://www.d-x-b.com/dkw/exempel/css/center.html

centrerar en div på båda ledderna. Funkar i allt utom IE på MAC där den lägger diven på en given höjd från toppen. Allt finns i filen i länken ovan.