Probleme im FireFox

Status
Nicht offen für weitere Antworten.
R

raccoon

Mitglied
Guten Morgen,

wenn ihr den unteren Link einmal im Internetexplorer und einmal im firefox benutzt erhaltet ihr 2 verschiedene ansichten.

Mit dem InternetExplorer (v7) sieht alles erstmal i.o. aus, wenn ich nun aber im Firefox schaue ist die Schrift bzw. die rahmenposition nicht angenommen. Dieser bereich liegt in einem "div" der aber per css auf die größe eingestellt werden soll wie die überschriftsbalken. Im IE7 klappts auch im Firefox nicht, kann es sein das der FireFox browser innherhalb eines "div" die css formatierung nicht duchführt?

CSS sieht so aus:

Code: 
{
	font-size: 8pt;
	color: #000101;
	font-family: Tahoma;
	background-image: url(<Dateiname.jpg>);
	direction: ltr;
	text-indent: 3px;
	text-align: left;
	font-weight: 700;
	background-position-x: center;
	background-color: #747474;
	width: 468px;
	height: 23px;
	margin-left: 3px;
}

Wäre nett wenn mir jemand eine kleine Hilfestellung geben könnte.

Mit freundlichem Gruß
Sebastian
 
Hi,

auf welches Element bezieht sich denn der gezeigte CSS-Code, und wie lautet der dazugehörige HTML-Code?

Ansonsten kann ich, wenn ich das Stylesheet auf ein DIV anwende, zunächst mal keine Unterschiede zwischen den beiden genannten Browsern feststellen.
 
Also ich habe mal 2 screenshots angehängt die den unterschied zeigen, dieser liegt einfach in der width.


Der Quelltext in dem der CSS Code angewendet wird, wird durch ein Newsscript innerhalb einer Textdatei verarbeitet. Das sieht so aus:

Code: 
<table class='sn'>
  <tbody>
    <tr><td class='sn-title'> der markus </td></tr> 
    <tr><td class='sn-date'> Verfasst am: 01.06.2007 </td></tr> 
    <tr><td class='sn-post'> ist online auf der hp :) </td></tr>
    <tr><td height='1px' background='images/slicer.jpg'></td></tr>
  </tbody>
</table>
<div><br /></div>
<table class='sn'>
  <tbody>
    <tr><td class='sn-title'> toll </td></tr>
    <tr><td class='sn-date'> Verfasst am: 12.04.2007 </td></tr>
    <tr><td class='sn-post'> geht immer noch nich </td></tr>
    <tr><td height='1px' background='images/slicer.jpg'></td></tr>
  </tbody>
</table>
<div><br /></div>
<table class='sn'>
  <tbody>
    <tr><td class='sn-title'> dssdg </td></tr>
    <tr><td class='sn-date'> Verfasst am: 12.04.2007 </td></tr>
    <tr><td class='sn-post'> sdgsdgsdgsd </td></tr>
    <tr><td height='1px' background='images/slicer.jpg'></td></tr>
  </tbody>
</table>
<div><br /></div>

Mit freundlichem Gruß
Sebastian
 

Anhänge

  • firefox.jpg
    firefox.jpg
    52,5 KB · Aufrufe: 43
  • ie7.jpg
    ie7.jpg
    56,5 KB · Aufrufe: 39
Und nochmal die Frage: Auf welches Element bzw. CSS-Klasse bezieht sich nun der obige CSS-Code?
 
auf die table, td.sn-title davon ist der obige css code

der ganze code für die news sieht so aus:

Code: 
body,td {
td.sn-title
{
	font-size: 8pt;
	color: #000101;
	font-family: Tahoma;
	background-image: url(/test/images/buttonnews.jpg);
	direction: ltr;
	text-indent: 3px;
	text-align: left;
	font-weight: 700;
	background-position-x: center;
	background-color: #747474;
	width: 468px;
	height: 23px;
	margin-left: 3px;
}

td.sn-date 
{
	font-style: normal;
    font-family: Tahoma;
    color: #f0f0ff;
    font-size: 6pt;
    text-align: right;
    margin-right: 3px;
}

td.sn-post
{
	font-size: 8pt;
	color: #f0f0ff;
	direction: ltr;
	font-family: Tahoma;
	text-align: left;
	width: 468px;
	margin-left: 100px;
	margin-right: 10px;
	text-align-last: left;
}
}
 
Dann bring da mal Ordnung in die einzelnen Selektoren, denn alle Klassen-Selektoren sind derzeit im Selektor body,td notiert, den ich hier mal zur Orientierung rot markiert habe:

Code: 
body,td {
td.sn-title
{
	...
}

td.sn-date 
{
	...
}

td.sn-post
{
	...
}
}
 
ja ich hab die selektoren schon einmal entfernt, dort bekomme ich ja die kurzen balken, sobald ich als selektor td oder table etc. nehme fallen die balken weg bzw er benutzt den css code gar nicht.

sieht dann trotzdem bei mir im firefox noch genau so aus wie auf den screenshots.

raccoon hat gesagt.:
ja ich hab die selektoren schon einmal entfernt, dort bekomme ich ja die kurzen balken, sobald ich als selektor td oder table etc. nehme fallen die balken weg bzw er benutzt den css code gar nicht.

sieht dann trotzdem bei mir im firefox noch genau so aus wie auf den screenshots.
Zum Vergrößern anklicken....

Kann es eventuell sein das der FireFox Browser die WIDTH eines DIV Feldes per CSS nicht vergrößern kann. Dieses DIV befindet sich ja allein auf der Frontseite, der Inhalt des Feldes wird durch eine INCLUDE funktion abgerufen. Könnte es vielleicht auch daran liegen?
 
Tut mir leid, aber ich kann im Firefox keinen Darstellungsfehler im Vergleich zum IE entdecken.

Hier mal der Quellcode meiner Testseite, basierend auf deinen bisherigen Angaben:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
td.sn-title
{
        font-size: 8pt;
        color: #000101;
        font-family: Tahoma;
        background-image: url(/test/images/buttonnews.jpg);
        direction: ltr;
        text-indent: 3px;
        text-align: left;
        font-weight: 700;
        background-position-x: center;
        background-color: #747474;
        width: 468px;
        height: 23px;
        margin-left: 3px;
}

td.sn-date
{
        font-style: normal;
    font-family: Tahoma;
    color: #f0f0ff;
    font-size: 6pt;
    text-align: right;
    margin-right: 3px;
}

td.sn-post
{
        font-size: 8pt;
        color: #f0f0ff;
        direction: ltr;
        font-family: Tahoma;
        text-align: left;
        width: 468px;
        margin-left: 100px;
        margin-right: 10px;
        text-align-last: left;
}
-->
</style>

</head>
<body>

<table class='sn'>
  <tbody>
    <tr><td class='sn-title'> der markus </td></tr>
    <tr><td class='sn-date'> Verfasst am: 01.06.2007 </td></tr>
    <tr><td class='sn-post'> ist online auf der hp :) </td></tr>
    <tr><td height='1px' background='images/slicer.jpg'></td></tr>
  </tbody>
</table>
<div><br /></div>
<table class='sn'>
  <tbody>
    <tr><td class='sn-title'> toll </td></tr>
    <tr><td class='sn-date'> Verfasst am: 12.04.2007 </td></tr>
    <tr><td class='sn-post'> geht immer noch nich </td></tr>
    <tr><td height='1px' background='images/slicer.jpg'></td></tr>
  </tbody>
</table>
<div><br /></div>
<table class='sn'>
  <tbody>
    <tr><td class='sn-title'> dssdg </td></tr>
    <tr><td class='sn-date'> Verfasst am: 12.04.2007 </td></tr>
    <tr><td class='sn-post'> sdgsdgsdgsd </td></tr>
    <tr><td height='1px' background='images/slicer.jpg'></td></tr>
  </tbody>
</table>
<div><br /></div>

</body>
</html>
Es wird wohl sinnvoller sein, den vollständigen Quellcode (HTML + CSS) zu offenbaren, oder einen Link zur Seite zu nennen, damit man auch die Einstellungen des übergeordneten DIVs auf der Frontseite sieht, von dem hier ständig die Rede ist, das aber in deinen Quellcode-Angabe nirgends auftaucht.
 
Vielleicht solltest du besser erstmal den HTML-Quellcode validieren, denn mir stellen sich die Nackenhaare auf, wenn ich mir diesen, entschuldige den Ausdruck, "Murks" betrachte, den du da fabriziert hast.

Siehe hierzu auch die w3c-Validator-Meldung -> http://validator.w3.org/check?uri=http://www.a-web.de/test/index.php

Um hier nur mal zwei paar Punkte aus den 75 Fehlermeldungen herauszugreifen:

  1. Du includest vollständige HTML-Grundgerüste in den Dokumentkörper.
  2. Mittendrin findet sich plötzlich ein frameset-Element, das dort nichts verloren hat.
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück