nicht angemeldet
Hallo, ich versuche gerade meine ersten Schritte in CSS und habe das Problem, das meine Menüleiste linksbündig erscheint, obwohl ich sie mit float:right; als rechtsbündig definiert habe - hoffe ich zumindest. Es spielt keine Rolle was ich angebe (ob right, center,...) es ist immer linksbündig. Es handelt sich übrigens um eine von mir umgewandelte Vorlage aus dem Netz, ich bin mir also noch nicht bei allem so sicher warum das so steht wie es steht.
Ich hab unten mal den Code mitgeschickt, wenn jemand so nett wäre mir zu erklären was ich falsch gemacht habe. Das Problem tritt sowohl mit IE und FF auf, liegt also wie meistens an mir. ;o)
Und zwar geht es um den Teil aus untenstehendem Code:
/* ----- top navigation format ----- */
#navi_top{
background:#ffffff;
float:right;
width:500px;
padding:0 0 0px 0;
Schonmal Danke für die Antworten!
/Thorsten
-------- Code der CSS-Datei: ----------
*{
margin:0;
padding:0;
}
body{
background:#eeeeee;
font:1.0em arial, sans-serif;
text-align:center;
}
/* ----- Language selector ----- */
.language{
display:inline;
float:right;
width:15px;
padding:0 10px 0 0;
}
.language a:link,visited,active,hover{
text-decoration:none;
color:#ffffff;
}
/* ----- top navigation format ----- */
#navi_top{
background:#ffffff;
float:center;
width:500px;
padding:0 0 0px 0;
}
#navigation ul{
}
#navigation ul li{
display:inline;
margin:0 10px 0 0;
}
#navigation ul li a{
text-decoration:none;
color:#005499;
font-size:0.8em;
font-weight:bold;
}
#navigation ul li a:hover{
text-decoration:underline overline;
}
... Rest abgeschnitten ...
Code der HTML_Seite:
<body>
<div id="page">
<!-- start language selector -->
<div class="language">
<a title="auf Deutsch" href="Link"><img alt="Deutsch" src="images/flag_germany.gif"></a>
</div>
<div class="language">
<a title="på Svenska" href="Link"><img alt="på Svenska" src="images/flag_sweden.gif"></a>
</div>
<!-- end language selector -->
<!-- start head -->
<div id="top"></div>
<!-- end head -->
<!-- start top navigation -->
<div id="navigation">
<ul>
<li><a title="Link1" href="index.html">Link1</a></li>
<li><a title="Link2" href="bilder.html">Link2</a></li>
</ul>
</div>
<!-- end navigation -->
... Rest abgeschnitten ...