96% wovon?

MartinH

Hallo zusammen,

im Traffic Guards Forum werden die ersten Buchstaben einiger Zeilen von einer zappligen Navigations-Sidebar verdeckt, weil der Firefox die Angabe der Tabellenbreite ignoriert ( 96%, zentriert ) und stattdessen ganz links anfängt.

Ich habe den Quellcode mal auf die ausschlaggebenden Teile zusammengestrichen:

CSS:

Code

/* body */
body {
  position: absolute; /* NN4 */
  top:      0;        /* NN4 */
  left:     0;        /* NN4 */
  margin:   0;        /* das reicht eigentlich */
  padding:  0;        /* Opera UASS */
 /* Body wird dadurch zum Layer und JavaScript Referenzen muessen ggf. angepasst werden */
background-color:#F00;
color:#0F0;
}

Alles anzeigen

HTML:

HTML

<html>
<head>
<TITLE>Traffic Guards Forum</TITLE>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="de">
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="description" content="Traffic Guards Forum">
<link rel="stylesheet" href="./styles.css">
</HEAD>
<BODY>
<TABLE BGCOLOR="#00FFFF" align="center" WIDTH="96%">
  <TR>
    <TD>   	
      <A HREF="./dummy">[ Impressum ]</A>
      &nbsp;
    </TD>
    <TD>
      <A HREF="./dummy">APBoard 2.1.0 &copy; 2003-2004</A>&nbsp;<A HREF="http://www.php-programs.de/"</A>
      &nbsp;
    </TD>
  </TR>
</TABLE>
</BODY>
</HTML>

Alles anzeigen

Der IE interpretiert die 96% so, wie der Webmaster sich das vorstellt, also 96% vom Body(?).
Opera nimmt anscheinend 96% der Tabelle, wie sie ohne width-Angabe wäre, was auf der vollständigen Seite ungefähr denselben Effekt ergibt.
Firefox reagiert gar nicht auf die width-Angabe.

Was ist nun richtig? Steckt vielleicht ein Syntaxfehler im Code?

Martin

MartinH

Beim weiteren Testen merke ich gerade: wenn ich "position: absolute;" wegnehme, gleicht sich das Verhalten von Opera und Firefox dem IE weiter an. Daran liegt es also.

bugcatcher

Jo. IE versteht das nicht. ; )

MartinH

Aber den Zusammenhang, warum "position: absolute;" für den Body dazu führt, dass Firefox die Breitenangabe der Tabelle ignoriert, verstehe ich noch nicht.

bugcatcher

ich würde mal das

position: absolute; /* NN4 */
top: 0; /* NN4 */
left: 0; /* NN4 */

zeug rausnehmen

absolut ist unsinn, genauso wie top und left-angaben.

margin würde als angabe für firefox reichen. opera braucht noch den padding-wert.

ich würde den table allerdings 100% breite geben und das margin auf 10px oder so stellen (so breit wie die nav-leiste im eingeklappten zustand halt).

MartinH

Hallo bugcatcher,

nach deiner Antwort ist mein Verdacht, dass hier ein Firefox-Fehler vorliegen könnte, noch nicht ausgeräumt.

Ja, eine Margin in der Nav-Breite fände ich auch schöner, aber das ist ja nicht meine Seite. Offensichtlich wollte da jemand die Darstellung in Netscape retten.

Martin

bugcatcher

Nunja. Ich wüsste effektiv nicht was left/top/position im body zu suchen hätte. wenn das der firefox "falsch" macht, wüsste ich gerne wie es richtig wäre. ie? vielleicht. aber wer mit "absolut"-werten arbeitet, reisst das objekt (hier also den ganzen body) aus dem normalen darstellungsfluss und legt es quasi in einen eigenen "layer" ... da der body eigendlich der haupt-layer ist, macht es keinen sinn ihn zu entkoppeln. : /

http://www.bugcatcher.de/files/margin1.html <-- schlecht
http://www.bugcatcher.de/files/margin2.html <-- gut

Was den Netscape4 angeht... keine ahnung. Den benutze ich nicht. Und ich würde auch jedem davon abraten. Völlig veraltet, unsicher, bedienerunfreundlich und nicht stabil. ; )

Naja. Ich würde es halt wie oben machen. An Workarounds für alte Browser kann der Mozilla sich natürlich auch verschlucken... : (