✔ Tabelle Zentrieren

[hury]

Hallo,

ich habe eine Tabelle:

<div id="navbar"><table align="center" border="1" rules="groups">
....
...
</table>
</div>

und dazu das stylesheet:

#navbar {
	position: absolute;
	margin-left::auto;
	bottom: 50px;
}

Die Tabelle soll unten mittig im Browser platziert werden. Klappt auch mit dem Seamonkey ohne Weiteres. Firefox setzt die Tabelle aber linksbündig. Was mache ich falsch?

Danke

 

[Maniac]

Du solltest Deinem DIV eine Feste Breite geben und dann mit:

#navbar {
	position: absolute;
        width: 100%;
	margin-left: auto;
	bottom: 50px;
}

ergänzen...

zusätzlich vielleicht noch

text-align: center;

 

[hury]

Danke,

mit

#navbar {
position: absolute;
text-align: center;
width: 100%;
margin-left: 0 auto;
bottom: 50px;
}

klappt es fast. Es gibt bei width: 100% einen vertikalen Scrollbalken, der bei width:99% verschwindet

 

[Maniac]

margin-left: 0 auto;

Bringt Dir aber nicht viel, da margin schon mit left definiert wurde. also nur "auto".

 

[chmee]

Vielleicht bekommst Du den Scrollbalken weg, wenn Du

html,body{ margin:0; padding:0; }

hinzufügst.

Hä ? Einen vertikalen Scrollbalken, wenn Du width auf 100% setzt ? Komisch..

 

[Maik]

#navbar {
	position: absolute;
	margin-left::auto;
	bottom: 50px;
}

Die Tabelle soll unten mittig im Browser platziert werden. Klappt auch mit dem Seamonkey ohne Weiteres. Firefox setzt die Tabelle aber linksbündig. Was mache ich falsch?

Moin,

du hast nach der margin-left-Eigenschaft einen Doppelpunkt zuviel gesetzt.

mfg Maik

 

[Maik]

Ansonsten empfehle ich dir folgende Regelerweiterung, um die Tabelle zu zentrieren:

#navbar {
        position: absolute;
        margin-left: auto;
        bottom: 50px;
}

#navbar table {
margin:0 auto;
}

mfg Maik

 

[hury]

Hallo Maik,

auch mit deiner Version das gleiche Verhalten: im Seamonkey wird es zentriert. Firefox linksbündig.

Ich bin ratlos

Grüße
Alex

 

[Maik]

Dann leer mal zwischendurch den Browsercache



lg Maik

 

[hury]

Hi,

nein, der Cache ist es nicht. Was aber noch seltsamer ist, ist dass eine weitere Tabelle auf der gleichen Seite in allen Browsern korrekt zentriert dargestellt wird.

Soll ich evtl. die gesamte Seite irgendwo pasten - vielleicht habe ich dort irgendwo einen Fehler?

Gruß
Alex