Menu wird zentriert angezeigt, sollte rechtsbuendig sein

[Knut]

Hallo,
ich habe fuer mich ein ganz grosses Problem. Ich habe fuer eine Abschlussarbeit ein CSS Layout uebernommen. Im IE und innerhalb vom Eclipsebrowser wird es richtig dargestellt, nur im FF wird das Menu falsch eingerueckt:

Ich verstehe hier nicht, wie das passiert. Im Layout wird der Header im Div aufgerufen:

  
<div id="header">  
  
  <h1 id="logo">Pattern <span class="green">To</span>-<span class="gray">Go</span></h1>  
  <h2 id="slogan">L&ouml;se deine Probleme hier</h2>  
  <!-- Menu Tabs -->  
  <ul>  
      <% if logged_in? %>  
   Eingeloggt als: <%= current_user.login %>  
   <% end -%>  
  
      <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Startmen&uuml;"), :controller => 'pattern', :action => 'index', :user_id => @current_user.id %> </li>  
      <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Mein Konto"), :controller => 'users', :action => 'edit', :user_id => @current_user.id %> </li>  
   <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Neue Idee"), :controller => 'pattern', :action => 'new' %> </li>  
      <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Forum"), :controller => 'forum', :action => 'index' %> </li>  
      <% end -%>  
  
   <% if logged_in? %>  
   <li><%= link_to content_tag(:span, "Ausloggen"), :controller => 'users', :action => 'logout' %> </li>  
   <% else -%>  
   <li><%= link_to content_tag(:span, "Einloggen"), :controller => 'users', :action => 'login' %> </li>  
   <li><%= link_to content_tag(:span, "Anmelden"), :controller => 'users', :action => 'new' %> </li>  
   <% end -%>  
    </ul>  
  
 </div> 

Dort steht also nichts von Center. Innerhalb der CSS Datei gibt es auch keine Hinweise darauf:

  
/* headers */  
h1, h2, h3 {  
 font: bold 1em 'Trebuchet MS', Arial, Sans-serif;  
 color: #333;  
}  
h1 { font-size: 1.5em; color: #6297BC; }  
h2 { font-size: 1.4em; text-transform:uppercase;}  
h3 { font-size: 1.3em; }  
  
p, h1, h2, h3 {  
 margin: 10px 15px;  
}  
ul, ol {  
 margin: 10px 30px;  
 padding: 0 15px;  
 color: #4284B0;  
}  
ul span, ol span {  
 color: #666666;  
}  
  
/* header */  
#header {  
 position: relative;  
 height: 69px;  
 background: #000 url(../images/headerbg.gif) repeat-x 0% 100%;  
}  
#header h1#logo {  
 position: absolute;  
 margin: 0; padding: 0;  
 font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;  
 letter-spacing: -2px;  
 top: 0; left: 5px;  
}  
#header h2#slogan {  
 position: absolute;  
 top:36px; left: 95px;  
 color: #666666;  
 text-indent: 0px;  
 font: bold 11px Tahoma, 'trebuchet MS', Sans-serif;  
 text-transform: none;  
}  
/* menu tabs */  
#header ul {  
 z-index: 999999;  
 position: absolute;  
   margin:0; padding: 0;  
   list-style:none;  
 right: 0;  
 bottom: 6px !important; bottom: 5px;  
 font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;  
}  
#header li {  
   display:inline;  
   margin:0; padding:0;  
}  
#header a {  
   float:left;  
   background: url(../images/tableft.gif) no-repeat left top;  
   margin:0;  
   padding:0 0 0 4px;  
   text-decoration:none;  
}  
#header a span {  
   float:left;  
   display:block;  
   background: url(../images/tabright.gif) no-repeat right top;  
   padding:6px 15px 3px 8px;  
   color: #FFF;  
}  
/* Commented Backslash Hack hides rule from IE5-Mac \*/  
#header a span {float:none;}  
/* End IE5-Mac hack */  
#header a:hover span {  
 color:#FFF;  
}  
#header a:hover {  
   background-position:0% -42px;  
}  
#header a:hover span {  
   background-position:100% -42px;  
}  
#header #current a {  
   background-position:0% -42px;  
 color: #FFF;  
}  
#header #current a span {  
   background-position:100% -42px;  
 color: #FFF;  
}  
/* end menu tabs */  
  

Gibt es im FF eine Option, die Tabs (Siehe Bild) rechtsbuendig darzustellen?

[ChrisB]

Hi,

Im Layout wird der Header im Div aufgerufen:

"Aufgerufen" ist hier eine ziemloich unpassende Wortwahl.

Und wenn du ein clientseitiges Problem diskutieren willst, poste bitte auch clientseitigen Code - und keinen Kram, der erst noch serverseitig geparst wird.
Zum Nachvollziehen waere in diesem Falle ein komplettes (valides) Online-Beispiel wohl am besten.

MfG ChrisB

[Knut]

Hi ChrisB,
das macht Sinn. Sorry :).

  
<div id="header">  
  
  <h1 id="logo">Pattern <span class="green">To</span>-<span class="gray">Go</span></h1>  
  <h2 id="slogan">L&ouml;se deine Probleme hier</h2>  
  <!-- Menu Tabs -->  
  <ul>  
  
   Eingeloggt als: beatrice  
  
  
   <li><a href="/pattern?user_id=2"><span>Startmen&uuml;</span></a> </li>  
  
  
   <li><a href="/users/edit?user_id=2"><span>Mein Konto</span></a> </li>  
  
  
   <li><a href="/pattern/new"><span>Neue Idee</span></a> </li>  
  
  
   <li><a href="/forum"><span>Forum</span></a> </li>  
  
  
   <li><a href="/users/logout"><span>Ausloggen</span></a> </li>  
  
       </ul>  
  
 </div>  

Hi,

Im Layout wird der Header im Div aufgerufen:

"Aufgerufen" ist hier eine ziemloich unpassende Wortwahl.

Und wenn du ein clientseitiges Problem diskutieren willst, poste bitte auch clientseitigen Code - und keinen Kram, der erst noch serverseitig geparst wird.
Zum Nachvollziehen waere in diesem Falle ein komplettes (valides) Online-Beispiel wohl am besten.

MfG ChrisB

``

[ChrisB]

Hi,

das macht Sinn.

TOFU aber nicht - bitte bleiben lassen.

<!-- Menu Tabs -->
  <ul>

Eingeloggt als: beatrice

Das ist nicht valide; UL darf als Kinder nur LI haben.

MfG ChrisB

[Knut]

Hi ChrisB,

TOFU aber nicht - bitte bleiben lassen.

Ok, war mir nicht so bekannt, beherzige ich gerne :).

<!-- Menu Tabs -->
  <ul>

Eingeloggt als: beatrice

Habe ich geaendert. Wird jetzt als

  
<li>Eingeloggt als: beatrice</li>  
<li><a href="/pattern?user_id=2"><span>Startmen&uuml;</span></a> </li> 

ausgegeben, ist aber immer noch in der Mitte im FF :(... kann man diese Auflistung nicht rechtsbuendig festlegen?

Liebe Gruesse,
Knut

[ChrisB]

Hi,

[...] ist aber immer noch in der Mitte im FF :(

Immer noch kein valides Online-Beispiel, wo man sich das ganze mal komplett anschauen kann.

MfG ChrisB

[Knut]

Hallo ChrisB,

Immer noch kein valides Online-Beispiel, wo man sich das ganze mal komplett anschauen kann.

leider nein, da ich die Anwendung nur lokal hosten kann.

Ansonsten sollte es, wenn man CSS Verstaendnis hat, auch moeglich sein, mit den vorliegenden Informationen zu arbeiten. Irgendwie muss man das li/ul doch formatieren koennen...

[suit]

Ansonsten sollte es, wenn man CSS Verstaendnis hat, auch moeglich sein, mit den vorliegenden Informationen zu arbeiten. Irgendwie muss man das li/ul doch formatieren koennen...

zielführend formatierung von html mittels css ist nur mit validem code möglich, alles andere wäre rätselraterrei

"irgendwie" ist es immer möglich - im übrigen haben die meisten leute schwierigkeiten damit, das verhalten zu produzieren, welches du gerade hast und nicht umgekehrt