Chris: Rahmen im IE, nicht im Firefox

Hey leute,

auf meiner Page wird ein CSS Rahmen nicht richtig in Firefox angezeigt bzw. GARNICHT! Im IE wird alles top angezeigt....

....weiß nicht mehr weiter. vielleicht weiß ja einer Rat.

hier die css datei:

body {background: #655858;}

a:link { color:#808080; text-decoration:none }
a:visited { color:#808080; font-style: italic; text-decoration:none  }
a:active { color:#CC0066; text-decoration:none }
a:hover { color:#CC0066; text-decoration:none }

.TEXT {
font-size : 10pt;
font-family : arial;
text-align: left;
color : #FFFFFF;
padding: 3px
}
.TD {
border-right-color: #FFFFFF;
border-right-width: 1px;
border-right-style:solid;
border-left-color: #FFFFFF;
border-left-width: 1px;
border-left-style:solid;
background-color: #827171;
padding: 3px;
}

}
.TABLE {

border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
border-bottom-style:solid;

border-right-color: #FFFFFF;
border-right-width: 1px;
border-right-style:solid;

border-top-color: #FFFFFF;
border-top-width: 1px;
border-top-style:solid;
background-color: #827171;

width: 800px;
height:300px;

position:absolute;
left:50%;
margin-left:-380px;

top:50%;
margin-top:-250px;
}

und hier die index.html:

<html>
<head>
<title>index</title>
<link rel="stylesheet" href="style/pagestyle.css" type="text/css">
</head>
<body>
<table  cellspacing="0" cellpadding="0" align="center" class="TABLE">

<tr>
   <td class="TD"> <a target="main" href="biografie.html"><img src="bilder/biografie.gif" width="27" height="54" border="" alt="biografie"></a></td>
   <td rowspan="100"> <iframe scrolling="no" frameborder="no" src="start.html" width="760" height="350" name="main"> </iframe></td>
 </tr>
 <tr>
   <td class="TD"><a target="main" href="kontakt.html"><img src="bilder/kontakt.gif" width="27" height="54" border="0" alt="kontakt"></a></td>
 </tr>
 <tr>
   <td class="TD"><a target="main" href="dates.html"><img src="bilder/dates.gif" width="27" height="54" border="0" alt="dates"></a></td>
 </tr>
 <tr>
  <td class="TD"><a target="main" href="pics.html"><img src="bilder/pics.gif" width="27" height="54" border="0" alt="pics"></a></td>
 </tr>
</table>
</body>
</html>

  1. Hmmm ich finde auf die Schnelle nix, aber is auch schon spät, guck morgen nochmal drauf.

    PS: Opera zeigt es an wie Firefox.

  2. Hi,

    auf meiner Page wird ein CSS Rahmen nicht richtig in Firefox angezeigt bzw. GARNICHT! Im IE wird alles top angezeigt....

    zu beginn solltest du gute Browser einmal aus dem Ratemodus holen und dein HTML Validieren,
    danach noch dein CSS,
    danach kann man weitersehen.

    Grüße,
    Engin
     GYRO

    --
    Dilated peoples|Team Vestax
    Gut ist der, der nach dem finden noch weiß, was er suchte.
    1. Hello out there!

      zu beginn solltest du gute Browser einmal aus dem Ratemodus holen

      Sprich: DOCTYPE  angeben. (Aber das hat der HTML-Validator ja auch schon gesagt, oder?)

      danach noch dein CSS,
      danach kann man weitersehen.

      Behebung des Syntax-Fehlers hilft wirklich.

      @Chris: Du solltest das mit dem Iframe nochmal gründlich überdenken; dieser bereitet den Lesern deiner Seiten erhebliche Probleme.

      Ich würde auch die Seite mit den Bildern zur Startseite machen, dort kannst du auch den Schriftzug mit deinem Namen unterbringen.

      See ya up the road,
      Gunnar

      --
      „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
  3. Raoul und Engin haben dir ja schon geantwortet, ich habe jedoch noch eine Anmerkung:
    <table class="table"> und <td class="td"> sind völlig sinnfrei, denn *natürlich* sind Tabellen Tabellen und Tabellenzellen Tabellenzellen, da benötigst du keine Klassifizierung für.

    --
    Reden ist Silber, Schweigen ist Gold, meine Ausführungen sind Platin.
    Self-Code: sh:( ch:? rl:( br:> n4:( ie:{ mo:) va:) de:> zu:} fl:| ss:| ls:~ js:|
    1. <table class="table"> und <td class="td"> sind völlig sinnfrei, denn *natürlich* sind Tabellen Tabellen und Tabellenzellen Tabellenzellen, da benötigst du keine Klassifizierung für.

      mit TABLE und TD legen sich die Rahmen um Tabelle und Zellen. Nenn sie nur immer TABLE UND TD damit ich weiß wo es hingehört...hat schon seinen Sinn

      1. mit TABLE und TD legen sich die Rahmen um Tabelle und Zellen. Nenn sie nur immer TABLE UND TD damit ich weiß wo es hingehört...hat schon seinen Sinn

        Nein, class="TABLE" und class="TD" legen keine Rahmen um Tabellen und Zellen, sie klassifizieren Elemente (als "TABLE" bzw. "TD"). Die Möglichkeit, in HTML eingesetzte class-Attribute in CSS-Selektoren verwenden zu können, hat damit erstmal nichts zu tun.
        Ich mache es mal deutlich: <table class="TABLE"> hat die Bedeutung "Dies ist eine Tabelle, die zudem als Tabelle klassifiziert ist.". Klingt komisch, oder?

        --
        Reden ist Silber, Schweigen ist Gold, meine Ausführungen sind Platin.
        Self-Code: sh:( ch:? rl:( br:> n4:( ie:{ mo:) va:) de:> zu:} fl:| ss:| ls:~ js:|
        1. <table class="TABLE"> hat die Bedeutung "Dies ist eine Tabelle, die zudem als Tabelle klassifiziert ist.". Klingt komisch, oder?

          ja klingts :D ne schmarn....ja aber wenn ich das doch wegnehme hab ich keinen Rahmen mehr!?

          1. Hello out there!

            <table class="TABLE"> hat die Bedeutung "Dies ist eine Tabelle, die zudem als Tabelle klassifiziert ist.". Klingt komisch, oder?

            ja klingts :D ne schmarn....ja aber wenn ich das doch wegnehme hab ich keinen Rahmen mehr!?

            Es gibt nicht nur Klassenselektoren, sondern auch Typselektoren [CSS2 §5, SELFHTML]

            See ya up the road,
            Gunnar

            --
            „Wer Gründe anhört, kommt in Gefahr nachzugeben.“ (Goethe)
          2. Hallo

            <table class="TABLE"> hat die Bedeutung "Dies ist eine Tabelle, die zudem als Tabelle klassifiziert ist.". Klingt komisch, oder?

            ja klingts :D ne schmarn....ja aber wenn ich das doch wegnehme hab ich keinen Rahmen mehr!?

            Was ist an table {} anstatt .table {} so unverständlich? Falls die Tabelle im Unterschied zu anderen tabellen mit einem Rahmen ausgestattet werden soll, reicht es auch, dieser eine Klasse oder eine ID (falls es nur diese _eine_ Tabelle auf der Seite ist) zuzuweisen.

            .klassenname {  
            /* Formatierungen (fuer Tabellen) dieser Klasse */  
            }  
              
            .klassenname td {  
            /* Formatierungen fuer Tabellenzellen in Tabellen dieser Klasse */  
            }
            

            Gilt natürlich für IDs genauso (#id {}, #id td {}).

            Tschö, Auge

            --
            Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
            (Victor Hugo)
            <dingdong /><dingdong /><toc /><toc /><toc /><shout>Florence!</shout>
            Veranstaltungsdatenbank Vdb 0.1