centrering ala hitta.se

6 svar · 549 visningar · startad av dr_damir 9 dec. 2005

dr_damirMedlem sedan mars 2003132 inlägg

Trådstart9 dec. 2005 22:28#1

Hej!

Jag gillar verkligen hitta.se med deras centrerade design. Jag förstår att de bygger upp sin sida av olika div-taggar som de placerar vart de vill ha dem men vad jag inte förstår är hur de alltid är centrerade beroende på browserns storlek.

När jag kollar på deras källkod hittar jag ingen div-tag som omsluter de andra.
Har jag fel eller gör de på något annat sätt?

Tack!

linuxMedlem sedan nov. 200521 inlägg

9 dec. 2005 23:02#2

Hej!

Är det inte bara att dom kör med:

body {
	text-align: center;
}

cayaMedlem sedan aug. 20051 448 inlägg

9 dec. 2005 23:03#3

body {
text-align:center;
}
#omslutande {
margin:auto;
}

dr_damirMedlem sedan mars 2003132 inlägg

9 dec. 2005 23:08#4

Caya, du menar att de har en div-tag som omsluter hela sidan?
Jag hittade ingen sådan då jag kollade i deras kod.

cayaMedlem sedan aug. 20051 448 inlägg

9 dec. 2005 23:27#5

nej men jag svarade på din fråga hur man centrerar en sida.
sätter du text-align:center på body + margin:auto på den omslutande diven så blir sidan centrerad i _alla_ webläsare...
men hitta.se hade en udda blandning mellan tabeller och divar...

TroxyMedlem sedan mars 20041 505 inlägg

10 dec. 2005 17:42#6

Varsågod.
http://www.bluerobot.com/web/css/center1.html

dr_damirMedlem sedan mars 2003132 inlägg

12 dec. 2005 20:03#7

Riktigt nice Troxy! Respect!

Så, om jag förstår det rätt nu så bör man lägga allt innehåll i denna div?

Kan jag då också utgå ifrån denna divs vänstra övre hörn som koordinat 0,0 när jag positionerar ut fler divar innuti denna?
Förutsatt att jag har position: relative om jag förstår det rätt?

Tack!