[css]table centreren in Firefox

[RvL]

Hallo allemaal,

ik doe momenteel vakantiewerk bij een internetbedrijf. Ik was daar bezig met een paginaatje welke hier te vinden is. Niet teveel klikken overigens op die pagina, sommige links verwijzen naar een andere site en daar zit achter sommige links een betaalsysteem;)

Nu stelt de site grafisch niet veel voor, maar een ding zint me niet. Ik maak gebruik van een simpel CSSje voor de site, die de tabel centreert en de kleuren verzorgt. In IE werkt dit goed, maar zodra je in Firefox gaat kijken staat de tabel gewoon links uitgelijnd. De tekst in de cellen staat wel gecentreerd.

Nu is dit vrij simpel op te lossen, door bijvoorbeeld gebruik te maken van <center>, maar die is deprecated en gebruik ik dus liever niet. En het lijkt mij dat het ook mogleijk is in CSS. Dit is de CSS:

Cascading Stylesheet:

body{
    background-color: #FFFFFF
    font-family: Verdana;
    font-size: 14;
    font-weight: bold;
    text-align: center;
    color: #000000
}
.donker{
    background-color: #3B4150;
    font-family: Verdana;
    font-size: 14;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF
}
.licht{
    background-color: #E4EDF6;
    font-family: Verdana;
    font-size: 14;
    font-weight: bold;
    text-align: center;
    color: #2D73B9
}
.big{
    font-size: 24;
    font-family: Verdana;
    color: #2D73B9
}

Ik heb ook al dit geprobeerd bij te voegen:

Cascading Stylesheet:

table,tr,td{
                text-align: center;
}

maar zonder resultaat. Waarschijnlijk align is alleen de text (text-align ) maar wat het is het attribuut om de hele tabel te centreren?

Zoeken lost mn probleem helaas niet op, vandaar deze waarschijnlijk niet bijster slimme vraag

[faabman]

code:

table{
  margin:auto 0;
}

oid...

edit:
hmmm, zie hieronder

[ Voor 30% gewijzigd door faabman op 09-07-2004 20:35 ]

[BtM909]

Los van het feit dat tables niet handig is voor dit ontwerp:

Voeg aan je table (of desnoods aan een div om je table) de volgende style toe:

code:

margin: auto 0 ;

edit:
Jah, snel editten he

[ Voor 13% gewijzigd door BtM909 op 09-07-2004 20:36 ]

[RvL]

Kijk, dat is een snel antwoord!

Het is inderdaad niet handig voor dit ontwerp, maar het moest even snel gebeuren, vandaar tables.

maar toen keek ik thuis in firefox en toen zag t niet uit... Thanx in ieder geval!!

[T-MOB]

urrr...
dat moet natuurlijk zijn:

code:

margin: 0 auto;

margin (en padding) shorthands werken immers als volgt:

code:

margin: 5px; /*(marge van 5 pixels boven, rechts, onder en links) */
margin: 10px 5px; /* (marge van 10 px boven en onder, 5px links en rechts)*/
margin: 1px 2px 3px 4px;  /*(marge van 1px boven, 2px rechts, 3px onder en 4px links */

[BtM909]

T-MOB schreef op 10 juli 2004 @ 03:35:
urrr...
dat moet natuurlijk zijn:

code:

margin: 0 auto;

You're totally right! Dacht ff dat CSS van links naar rechts, boven naar beneden was!