Rahmen im IE, nicht im Firefox
Chris
- css
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>
Hmmm ich finde auf die Schnelle nix, aber is auch schon spät, guck morgen nochmal drauf.
PS: Opera zeigt es an wie Firefox.
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
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
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.
<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
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?
<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!?
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
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