---

Hej

Jeg kan bare ikke få tabellen ti lat centrere i <div>-vinduet i
Mozilla Firefox og Opera, men godt i IE !

Submit-knappen og linket til w3c's validator centrerer derimod fint

Hvad gør jeg galt ?

det kan ses på http://something4u.dk/shop/test.html

koden står under eksemplet

mvh Thomas (thomas at lovebird.dk)

---

"Thomas L. Pilegaard" <dundee@worldonline.dk> skrev i en meddelelse

> Jeg kan bare ikke få tabellen ti lat centrere i <div>-vinduet i

Du kan lave en class som du kalder til tabellen eller hvad du nu vil have
centreret, eks:

..center {
margin-left: auto;
margin-right: auto;
text-align: center;
}

Så skriver du i i tabellens starttag:

<tabel class=center">

....

</tabel>

Du kan evt. tage et kig på her hvordan man justerer tabeller med CSS:
http://www.9am.dk/css/tableajust.asp

--
Jesper Frandsen
http://www.9am.dk/
Din guide til Hjemmesiden

---

On 6 Nov 2004 20:51:52 +0200, "Jesper Frandsen" <invalid> wrote:

Mange tak

---

Jesper Frandsen wrote:

> .center {
> margin-left: auto;
> margin-right: auto;
> text-align: center;
> }

Det vil også centrere indholdet i den boks, der får tildelt den class. Hvis
du i stedet flytter text-align:center til body og sætter text-align:left i
..center, vil indholdet være venstrestillet i en centreret boks.

body {
text-align:center;
}
..center {
margin-left: auto;
margin-right: auto;
text-align: left;
}

Formålet med at centrere i body er at få IE før v.6 med også. Dette
afstedkommer behovet for en efterfølgende venstrestilling.

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk

---

On Sun, 7 Nov 2004 00:04:14 +0100, "Erik Ginnerskov"
<erik@donotspammmeplease.invalid> wrote:


>Det vil også centrere indholdet i den boks, der får tildelt den class. Hvis
>du i stedet flytter text-align:center til body og sætter text-align:left i
>.center, vil indholdet være venstrestillet i en centreret boks.

Nu havde jeg jo i forvejen text-align:center i body, men det
centrerede ikke tabellen, men alt det andet.

Jeg har tilføjet margin-left: auto; og margin-right: auto; til
min CSS for table, så den nu ser sådan ud

table {
margin-left: auto;
margin-right: auto;
   font-family: arial, verdana, sans-serif;
   font-size: 12px;
   border-collapse: collapse;
border: 0px solid black;
}

Nu centerer tabellen også i Firefox og Opera og jeg er fri for at have
en ekstra class

mvh Thomas

---

Thomas L. Pilegaard wrote:

> Jeg har tilføjet margin-left: auto; og margin-right: auto; til
> min CSS for table,

> table {
> margin-left: auto;
> margin-right: auto;
> font-family: arial, verdana, sans-serif;
> font-size: 12px;
> border-collapse: collapse;
> border: 0px solid black;
> }

> Nu centerer tabellen også i Firefox og Opera og jeg er fri for at have
> en ekstra class

Det er fint nok, så længe du ikke risikerer at skulle lave en anden tabel,
der ikke skal centreres på siden. Men hvis du vil have teksten til at være
venstrejusteret i den centrerede tabel i alle browsere, skal du tilføje
denne linje til din tabel-cs:

text-align:left;

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk