nicht angemeldet
Trotz "float:right;" linksbündig
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 ...
-
Moin,
vielleicht hilft es Dir, wenn Du
text-align
mal vergleichst
mit
floatDas mag Dein Problem vielleicht erhellen.
mfG
Ulrich -
Moin!
Und zwar geht es um den Teil aus untenstehendem Code:
/* ----- top navigation format ----- */
#navi_top{Hier definierst du CSS für ein Element mit der ID "navi_top".
Code der HTML_Seite:
Und in dem geposteten Code taucht diese ID nirgendwo auf.
- Sven Rautenberg
--
My sssignature, my preciousssss!-
Und in dem geposteten Code taucht diese ID nirgendwo auf.
- Sven Rautenberg
*Schlägt_sich_mit_flacher_Hand_vor_die_Stirn*
Hab es gerade gemerkt, hatte in HTML die ID geändert in "navi_top", dann kann es nicht gehen. ;o).
Danke für die Antworten!
-