nicht angemeldet
Tabelle zentriert nicht im FF
Hallo,
ich habe ein Problem. Ich habe von CSSplay.co.uk ein Menü übernommen (wird in einer Tabelle eingebaut). Dieses Menü soll zentriert dargestellt werden. Hierfür zentriere ich die Tabelle.
Leider wird das Menü im FF linksbündig dargestellt (habe schon table{margin:auto;} im Header ausprobiert, wieder entfernt, da es nichts brachte).
Was mache ich falsch?
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Menü</title>
<base target="Mitte">
<style type="text/css">
.menu {
padding:0;
margin:0;
list-style-type:none;
white-space:nowrap;
}
.menu li {
float:left;
min-width:150px;
}
.menu a {
position:relative;
display:block;
text-decoration:none;
min-width:100px;
float:left;
}
* html .menu a {
width:100px;
}
.menu a span {
display:block;
color:#000;
background:#c4c4c4;
border:2px solid #fff;
border-width:2px 1px;
text-align:center;
padding:4px 16px;
cursor:pointer;
}
* html .menu a span {
width:100px;
cursor:hand;
width:130px;
}
.menu a b {
display:block;
border-bottom:2px solid #06a;
}
.menu a em {
display:none;
}
.menu a:hover {
background:#fff;
}
.menu a:hover span {
color:#fff;
background:#08c;
}
.menu a:hover em {
border-left:6px solid #fff; border-right:6px solid #fff; border-top:6px solid #06a; border-bottom:0px solid #06a; display:block;
overflow:hidden;
position:absolute;
left:50%;
margin-left:-6px
}
</style>
</head>
<body topmargin="2" leftmargin="0">
<table border="0" width="700" align="center">
<tr>
<font face="Courier, Courier New, Arial" size="3">
<ul class="menu">
<li>
<a href="mich.htm">
<b><span>Über mich</span></b><em></em>
</a>
</li>
<li>
<a href="interessen.htm">
<b><span>Interessen</span></b><em></em>
</a>
</li>
<li>
<a href="erfahrungen.htm">
<b><span>Erfahrungen</span></b><em></em>
</a>
</li>
<li>
<a href="http://wordpress.com/">
<b><span>Blog</span></b><em></em>
</a>
</li>
<li>
<a href="links.htm">
<b><span>Links</span></b><em></em>
</a>
</li>
</ul>
</font>
</tr>
</table>
</body>
</html>
-
Du hast kein td.
Komisch finde ich, sich mit CSS zu beschaeftigen um es in ein Tabellenlayout zu stecken...-
Hi, danke. Funktioniert.
Habe es in die Tabelle gepackt, damit ich es zentrieren kann, das hat ansonsten nicht funktioniert (bzw. habe ich dazu kein fachwissen). Würde es auch andere Möglichkeiten geben?
-
Hi!
Natuerlich. Mit CSS. Findet man z.b. auch in den FAQ zum Forum:
http://forum.de.selfhtml.org/hilfe/faq.htm#css-zentrierenDu brauchst beileibe keine Tabelle und <center> sollte schon gar nicht auftauchen.
-
Klingt gut. Ich werde es das nächste mal mit
div.center { text-align:center; }
<div class="center">
probieren :)-
Klingt gut. Ich werde es das nächste mal mit
div.center { text-align:center; }
<div class="center">
probieren :)ne. wen du keine Inhalte zentrieren willst: margin:auto fuer das zu zentrierende Element.
-
-
-
-