Firefox Problem mit "align=middle"

darezettl

Moin Moin,

vorab: ich finde den Firefox 1.0 nur noch geil und er ist meiner Meinung nach der beste Browser im Moment.
Ich habe selbst eine Website ( http://www.sx1-forum.de ).
Nur das Problem ist, das die Navigations-Reiter ganz oben im Firefox (und nur im Firefox) nicht mittig sondern nach links angeordnet werden.

Screenshots: So sollte es aussehen (und sieht es auch bei allen Browsern außer Firefox aus): - Bild - und so sieht es im Firefox aus: - Bild -

Hier ist der Quellcode dazu:

Code

<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD><IMG height=10 alt="" 
      src="images/spacer.gif" 
      width=12></TD><center>
    <TD align=middle width="100%">
      <TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
        <TBODY>
        <TR><center>
<td><a href="news_viewnews.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_news.gif" width="80" height="26" border="0" alt="News" title="{L_RULES}" /></a></td>
<td><a href="hacks_list.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_mod_faq.gif" width="80" height="26" border="0" alt="Board-Modifikationen" title="{L_RULES}" /></a></td>
<td><a href="viewonline.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_whosonline.gif" width="80" height="26" border="0" alt="Zeigt an, wer gerade online ist!" title="{L_RULES}" /></a></td>
<td><a href="rules.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_rulez.gif" width="80" height="26" border="0" alt="Unsere Boardregeln. Bitte beachten!" title="{L_RULES}" /></a></td>
<td><a href="map.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_locator.gif" width="80" height="26" border="0" alt="Locator" title="{L_RULES}" /></a></td>
<td><a href="calendar.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_kalender.gif" width="80" height="26" border="0" alt="Alle wichtigen Termine im Überblick" title="{L_RULES}" /></a></td>
<td><a href="buddylist.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_buddyliste.gif" width="80" height="26" border="0" alt="Fügt das SX1-Forum zu Ihren Favoriten hinzu" title="{L_RULES}" /></a></td>
<td><a href="activity.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_spiele.gif" width="80" height="26" border="0" alt="Langeweile? Zockt doch ein bisschen.." title="{L_RULES}" /></a></td>
<td><a href="statistics.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_statistics.gif" width="80" height="26" border="0" alt="Board Statistiken" title="{L_RULES}" /></a></td>
<td><a href="downloads.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_downloads.gif" width="80" height="26" border="0" alt="Downloads" title="{L_RULES}" /></a></td>
<td><a href="staff.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_team.gif" width="80" height="26" border="0" alt="Wer hat hier das Sagen?" title="{L_RULES}" /></a></TD></center></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
  <TBODY>
  <TR>
    <TD><IMG height=10 alt="" 
      src="images/spacer.gif" 
      width=12></TD></center><center>
    <TD align=middle width="100%">
      <TABLE cellSpacing=0 cellPadding=0 width=400 border=0>
        <TBODY>
        <TR><center>
          <TD><a href="portal.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_portal.gif" width="80" height="26" border="0" alt="Zum Portal" title="{L_PORTAL}" /></a></td>
<td><a href="{U_INDEX}"><img src="templates/fiapplegreen/images/{LANG}top_bar_index.gif" width="80" height="26" border="0" alt="Ins Forum" title="{L_INDEX}" /></a></td>
<td><a href="album.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_album.gif" width="80" height="26" border="0" alt="Zum Album" title="{L_ALBUM}" /></a></td>
<td><a href="{U_FAQ}"><img src="templates/fiapplegreen/images/{LANG}top_bar_faq.gif" width="80" height="26" border="0" alt="Frequently Asked Questions" title="{L_FAQ}" /></a></td>
<td><a href="{U_MEMBERLIST}"><img src="templates/fiapplegreen/images/{LANG}top_bar_memberlist.gif" width="80" height="26" border="0" alt="Unsere Mitglieder" title="{L_MEMBERLIST}" /></a></td>
<td><a href="{U_SEARCH}"><img src="templates/fiapplegreen/images/{LANG}top_bar_search.gif" width="80" height="26" border="0" alt="{L_SEARCH}" title="{L_SEARCH}" /></a></td>
<td><a href="usercars_list.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_usergarage.gif" width="80" height="26" border="0" alt="Die Autos der User" title="{L_RULES}" /></a></td>
<td><a href="{U_GROUP_CP}"><img src="templates/fiapplegreen/images/{LANG}top_bar_usergroups.gif" width="80" height="26" border="0" alt="{L_USERGROUPS}" title="{L_USERGROUPS}" /></a></td>
<td><a href="links.php"><img src="templates/fiapplegreen/images/{LANG}top_bar_links.gif" width="80" height="26" border="0" alt="Cool Links" title="{L_LINKS}" /></a></td>
<td><a href="{U_PROFILE}"><img src="templates/fiapplegreen/images/{LANG}top_bar_profile.gif" width="80" height="26" border="0" alt="{L_PROFILE}" title="{L_PROFILE}" /></a></td>
<td><a href="{U_PRIVATEMSGS}"><img src="templates/fiapplegreen/images/{LANG}top_bar_inbox.gif" width="80" height="26" border="0" alt="{PRIVATE_MESSAGE_INFO}" title="{PRIVATE_MESSAGE_INFO}" /></a></td>
<!-- BEGIN switch_user_logged_in -->
<td><a href="{U_LOGIN_LOGOUT}"><img src="templates/fiapplegreen/images/{LANG}top_bar_logout.gif" width="80" height="26" border="0" alt="{L_LOGIN_LOGOUT}" title="{L_LOGIN_LOGOUT}" /></a></td>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<td><a href="{U_REGISTER}"><img src="templates/fiapplegreen/images/{LANG}top_bar_register.gif" width="80" height="26" border="0" alt="{L_REGISTER}" title="{L_REGISTER}" /></a></td>
<!-- END switch_user_logged_out --></center></TR></TBODY></TABLE></center></TD></TR></TBODY></TABLE>

Alles anzeigen

Kann man da was machen, dass die Navi-Reiter auch im Firefox mittig angeordnet werden?

Vielen Dank schon mal im Vorraus für eure Hilfe!

Greetz, Darezettl

bugcatcher

dir ist schon klar das das nicht middle sondern center heisst?

http://de.selfhtml.org/html/tabellen/…richtung_zellen
http://de.selfhtml.org/navigation/html.htm#tabellen

Zitat

Zellen horizontal
ausrichten
<th align="Ausrichtung">Kopfzelle</th>
<td align="Ausrichtung">Datenzelle</td>
Für Ausrichtung einen der folgenden Werte notieren:
left = linksbündig,
center = zentriert,
right = rechtsbündig,
justify = Blocksatz,
char = um Dezimalzeichen. In diesem Fall char= als zusätzliches Attribut notieren und als Wert ein Dezimalzeichen wie Komma zuweisen (char=","). Mit einem weiteren Attribut charoff= gegebenenfalls angeben, an welcher Position das Dezimalzeichen frühestens vorkommen kann (z.B. charoff="10").

Alles anzeigen

Zitat

Zellen vertikal
ausrichten
<th valign="Ausrichtung">Kopfzelle</th>
<td valign="Ausrichtung">Datenzelle</td>
Für Ausrichtung einen der folgenden Werte notieren:
top = obenbündig,
middle = mittig,
bottom = untenbündig,
baseline = an gemeinsamer Basislinie, so dass erste Textzeile immer auf gleicher Höhe beginnt.
Seite Beschreibung

Alles anzeigen

Ach ja:

Code

SX1-FORUM.DE is compatible with Firefox  Version 1.0 !!

Gibt noch garkeinen 1.0er. Nur einen 0.10er. ; )

darezettl

äh... kannst du das vllt. schnell im code den ich gepostet hab ausbessern.. weil ich check grad gar nix.
danke

bugcatcher

seuftz.

Zitat

<TD align=middle width="100%">

-->

Zitat

<TD align=center width="100%">

ein align hat NIEMALS middle als wert, sondern center. nur für valign ist middle erlaubt.

darezettl

saucool, danke.

dann das nächste.
der scrollbalken rechts hat in den anderen browsern ne farbe (in meinem fall grün), im firefox dagegen nicht.
kann man das auch noch ändern?

bugcatcher

Ich kenne nur einen Browser der farbige Scrollbalken anzeigt. Und das ist der IE. Was verständlich ist, weil das spezielle IE-Befehle sind. Was kennst du denn noch für "andere Browser", die das noch können? : )

Dem Firefox wirst du das aber nicht beibringen können. Dort sind die Scrollbalken teile des Browser-Interface und können nur durch Themes verändert werden.

Mac

Sind die Scrollbalken eigtl. nicht per userChrome.css veränderbar?

MartinH

Zitat von bugcatcher

Was kennst du denn noch für "andere Browser", die das noch können? : )

Ich meine mich erinnern zu können, dass Opera die Option bietet, farbige Bildlaufleisten wie im IE darzustellen.

darezettl

genau, opera kann das auch noch!

ok, dann eins noch.
mein rollover effekt wird mit einem javascript (rollover.js) gesteurt, im IE funzt es auch, im firefox dagegen nicht.
hier der inhalt der rollover.js

Code

/************* 
**** <config> 
**/ 
startColor = "#006400"; // MouseOut link color 
endColor = "#F4F7F7"; // MouseOver link color 


stepIn = 20; // delay when fading in 
stepOut = 20; // delay when fading out 


/* 
** set to true or false; true will 
** cause all links to fade automatically 
***/ 
autoFade = true; 
/* 
** set to true or false; true will cause all CSS 
** classes with "fade" in them to fade onmouseover 
***/ 
sloppyClass = true; 
/** 
**** </config> 
**************/ 
/************* 
**** <install> 
** 
** 
**** </install> 
**************/ 


hexa = new makearray(16); 
for(var i = 0; i < 10; i++) 
hexa[i] = i; 
hexa[10]="a"; hexa[11]="b"; hexa[12]="c"; 
hexa[13]="d"; hexa[14]="e"; hexa[15]="f"; 


document.onmouseover = domouseover; 
document.onmouseout = domouseout; 


startColor = dehexize(startColor.toLowerCase()); 
endColor = dehexize(endColor.toLowerCase()); 


var fadeId = new Array(); 
var timerID = 0; 
var theElement,theTagName,theClassName,theUniqueID 


function dehexize(Color){ 
var colorArr = new makearray(3); 
for (i=1; i<7; i++){ 
for (j=0; j<16; j++){ 
if (Color.charAt(i) == hexa[j]){ 
if (i%2 !=0) 
colorArr[Math.floor((i-1)/2)]=eval(j)*16; 
else 
colorArr[Math.floor((i-1)/2)]+=eval(j); 
} 
} 
} 
return colorArr; 
} 


function domouseover() { 
if(document.all) { 
clearTimeout(timerID); 
theElement = event.srcElement; 
theTagName = theElement.tagName; 
theClassName = theElement.className; 
theUniqueID = theElement.uniqueID; 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown()',500); 
} 
} 
} 


function pulseup() { 
if(document.all) { 
clearTimeout(timerID); 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown(theElement)',500); 
} 
} 
} 


function pulsedown(theElement) { 
if (document.all) { 
clearTimeout(timerID); 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(endColor,startColor,theUniqueID,stepOut); 
timerID = setTimeout('pulseup()',500); 
} 
} 
} 




function domouseout() { 
if (document.all) { 
clearTimeout(timerID); 
var srcElement = event.srcElement; 
if ((srcElement.tagName == "A" && autoFade) || srcElement.className == "fade" || (sloppyClass && srcElement.className.indexOf("fade") != -1)) 
fade(endColor,startColor,srcElement.uniqueID,stepOut); 
} 
} 


function makearray(n) { 
this.length = n; 
for(var i = 1; i <= n; i++) 
this[i] = 0; 
return this; 
} 


function hex(i) { 
if (i < 0) 
return "00"; 
else if (i > 255) 
return "ff"; 
else 
return "" + hexa[Math.floor(i/16)] + hexa[i%16];} 


function setColor(r, g, b, element) { 
var hr = hex(r); var hg = hex(g); var hb = hex(b); 
element.style.color = "#"+hr+hg+hb; 
} 


function fade(s,e, element,step){ 
var sr = s[0]; var sg = s[1]; var sb = s[2]; 
var er = e[0]; var eg = e[1]; var eb = e[2]; 


if (fadeId[0] != null && fade[0] != element){ 
setColor(sr,sg,sb,eval(fadeId[0])); 
var i = 1; 
while(i < fadeId.length){ 
clearTimeout(fadeId[i]); 
i++; 
} 
} 


for(var i = 0; i <= step; i++) { 
fadeId[i+1] = setTimeout("setColor(Math.floor(" +sr+ " *(( " +step+ " - " +i+ " )/ " +step+ " ) + " +er+ " * (" +i+ "/" + 
step+ ")),Math.floor(" +sg+ " * (( " +step+ " - " +i+ " )/ " +step+ " ) + " +eg+ " * (" +i+ "/" +step+ 
")),Math.floor(" +sb+ " * ((" +step+ "-" +i+ ")/" +step+ ") + " +eb+ " * (" +i+ "/" +step+ ")),"+element+");",i*step); 
} 
fadeId[0] = element; 
}

Alles anzeigen

kann man das dem firefox irgendwie auch beibringen oder geht das nicht?

danke jungs für eure schnelle hilfe bisher!

Mac

Code

function domouseover() { 
if(document.all) { 
clearTimeout(timerID); 
theElement = event.srcElement; 
theTagName = theElement.tagName; 
theClassName = theElement.className; 
theUniqueID = theElement.uniqueID; 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown()',500); 
} 
}

Alles anzeigen

Macht sich nicht gut, das document.all() lieber getElementbyID()

bugcatcher

Zitat von Mac

Sind die Scrollbalken eigtl. nicht per userChrome.css veränderbar?

Natürlich. die userChrome.css ist ja nichts anders als ein kleines Theme.
Die Chrome-Adressen sind für Webseiten aber nicht erreichbar.

Zitat von MartinH

Ich meine mich erinnern zu können, dass Opera die Option bietet, farbige Bildlaufleisten wie im IE darzustellen.

Stimmt. Hat ich verdrängt. Aber die Option ist nicht defaultmässig aktiviert. Ist aber erst irgendwann nach 7.0 dazugekommen. Aber Opera versucht eh sehr wie IE zu wirken (unterstützt ja auch doc.all).

darezettl

Zitat von Mac

Code

function domouseover() { 
if(document.all) { 
clearTimeout(timerID); 
theElement = event.srcElement; 
theTagName = theElement.tagName; 
theClassName = theElement.className; 
theUniqueID = theElement.uniqueID; 
if ((theTagName == "A" && autoFade) || theClassName == "fade" || (sloppyClass && theClassName.indexOf("fade") != -1)) { 
//alert(theElement); 
fade(startColor,endColor,theUniqueID,stepIn); 
timerID = setTimeout('pulsedown()',500); 
} 
}

Alles anzeigen

Macht sich nicht gut, das document.all() lieber getElementbyID()

äh.. das war wohl nix.
damit funzt das ganze teil nimmer......

also gibts keine möglichkeit dass auch der firefox auf die rollover.js zurückgreift und diese dann umsetzt?!?

bugcatcher

doch. wenn man sie ordentlich schreibt. doc.all ist aber eine IE-schreibweise. und doc.all ist nur ein beispiel für die sonderwege die IE gerne geht.

aber ehrlich gesagt. javascripte von dem Umfang repariere ich nur gegen bezahlung. das ist mir zuviel arbeit.

such dir lieber aus irgendwelchen script-sammlungen eines raus, dass mit mozilla funktioniert. das geht schneller und ist einfacher.