Problem med centrerad tabell i top

HTML & CSS

3 svar · 445 visningar · startad av sugarbombshell 4 mars 2009

sugarbombshellMedlem sedan nov. 200843 inlägg

Frågan4 mars 2009 09:51#1

Hejsan!
Jag känner mig lite dum idag, känns som jag har svårt att stava till o-c-h, dvs hjärnsläpp.

Jag har en tabell som jag vill placera absolut högst upp på sidan. När jag skapar min tabell så blir det typ 0,5 cm mellanrum högst upp (mellan själva browser menyn o sidan). Jag vill ha det sitta ihop helt, inga mellanrum.
Sen så ska tabellen vara centrerad, trots att jag läst i forumet o provat lite så vill det inte sig.

Är det nån som kan spotta ut lite css kod o hjälpa mig med någon del?

Tack för din hjälp!

headbugMedlem sedan sep. 2006867 inlägg

4 mars 2009 11:17#2

Hej!

Att den inte hamnar längst upp beror på att de flesta taggar har en fördefinierad padding och/eller margin. Även <body> har det. Så det du behöver göra är att definiera lite css-stilar och skapa en wrap runt din tabell, med id="wrap" i mitt exempel:

body {
	margin:0px; 
	padding:0px;
	text-align:center;
	}
	
#wrap {
	width:500px;
	margin:0px auto;
	text-align:left;
	}
table {
  padding: 0;
  margin: 0;
}

Nu borde det se bra ut!

rhdfMedlem sedan okt. 2007446 inlägg

4 mars 2009 11:22#3

testa

<style>
body{
margin:0;
text-align:center;}

#centerTable{margin:auto;}
</style>

<table id="centerTable" cellpadding="2" cellspacing="0">
	<tr><td bgcolor="#999999">En tabell</td></tr>
</table>

om du nu måste ha en tabell där;)

sugarbombshellMedlem sedan nov. 200843 inlägg

4 mars 2009 11:31#4

Tack så mycket för hjärnsläpps-hjälpen!