Firefox zeigt CSS Styles nicht an aber IE schon

blackelementz
Beiträge: 106
Registriert: Di 27. Sep 2005, 13:53
Kontaktdaten:

Firefox zeigt CSS Styles nicht an aber IE schon

Beitrag von blackelementz »

Hallo,

ich habe folgendes Problem und zwar hab ich erst letztens gemerkt das meine Seite mit dem Firefox die letzte katastrophe ist.

Ich habe immer den IE verwendet weil das eigentlich auch der meistgenutzte Browser ist.

Nunja der Firefox zeigt die CSS Styles nicht an die ich im Styleeditor angegeben habe der IE aber schon.

Woran kann sowas liegen? Muss man beim Firefox irgendwas anderes schreiben/programmieren?

Ich hab schon bissel versucht rumzutüffteln aber mir wird schon langsam übel vom rum"häcken" :(

Weiß jemand einen Rat oder hat ähnliche Probleme?
Ich verzweifel... :cry:

Gruß Ryan

ACH JA HIER MEINE SEITE

www.black-elementz.com

P.S. Man beachte die Newsartikelteaser werden z.B. garnicht so angezeigt wie ich sie in der CSS eingestellt habe... beim IE aber doch!
Dodger77
Beiträge: 3626
Registriert: Di 12. Okt 2004, 20:00
Wohnort: Voerde (Niederrhein)
Kontaktdaten:

Beitrag von Dodger77 »

Hast du schonmal im Firefox den Text markiert?
Der Text von den Artikel-Teasern wird im Firefox schwarz dargestellt. Das macht sich auf schwarzem Hintergrund eben nicht so gut. Als einfachen Workaround könntest du schonmal eine Standard-Schriftfarbe setzen durch:

Code: Alles auswählen

body {
color: #FFFFFF;
}
blackelementz
Beiträge: 106
Registriert: Di 27. Sep 2005, 13:53
Kontaktdaten:

Beitrag von blackelementz »

Ja aber warum wird das denn mit dem Internet Explorer angezeigt?

Ich habe ja in der CSS Datei (im Backend) (und ja diese ist mit dem Layout verlinkt) alles Styles definiert wie man das ja auch im Internet Explorer sehen kann aber weshalb zeigt mir der Firefox diese Styles nicht an?

Muss ich da was beachten damit ich es für beide Browser verständlich definiere?

Gruß
Dodger77
Beiträge: 3626
Registriert: Di 12. Okt 2004, 20:00
Wohnort: Voerde (Niederrhein)
Kontaktdaten:

Beitrag von Dodger77 »

blackelementz hat geschrieben:Ja aber warum wird das denn mit dem Internet Explorer angezeigt?

Ich habe ja in der CSS Datei (im Backend) (und ja diese ist mit dem Layout verlinkt) alles Styles definiert wie man das ja auch im Internet Explorer sehen kann aber weshalb zeigt mir der Firefox diese Styles nicht an?

Muss ich da was beachten damit ich es für beide Browser verständlich definiere?
Valides CSS verwenden. Da sind einige wilden Fehler drin:

http://jigsaw.w3.org/css-validator/vali ... ontent.php
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

ok zu spät aber schau auch mal hier

http://validator.w3.org/check?uri=http% ... ype=Inline

greets
greets
stese
Beiträge: 1040
Registriert: Fr 3. Dez 2004, 17:47
Wohnort: München
Kontaktdaten:

Beitrag von stese »

daneben gibt es auch bei css vererbung von eigenschaften - das ist meistens das problem. was man auf den body oder html deklariert hat, funktioniert z.b. nicht innerhalb von tabellen in anderen browsern. da muss man sich ein bissl in css einarbeiten
Dodger77
Beiträge: 3626
Registriert: Di 12. Okt 2004, 20:00
Wohnort: Voerde (Niederrhein)
Kontaktdaten:

Beitrag von Dodger77 »

In diesem speziellen Fall, könnte es mit folgender Konstruktion zu tun haben:

Code: Alles auswählen

body {
         link {color:#ffff66; text-decoration:none};
         vlink {color:#ffff66; text-decoration:none};
	alink {color:#ff9933; text-decoration:none};
}
1. Was soll das sein?
2. Diese Verschachtelung von geschweiften Klammern und Semikola könnte evtl. schwierig zu parsen sein.

Sonst wäre noch interessant zu wissen, wo du meinst, den Teasern eine weiße Schrift zugeordnet zu haben.
blackelementz
Beiträge: 106
Registriert: Di 27. Sep 2005, 13:53
Kontaktdaten:

Beitrag von blackelementz »

Hi erstmal vielen Dank für die Informationen!!

Also heißt das meine Fehler liegen in der CSS DATEI?

Wie kann ich jetzt am besten vorgehen diese Fehler auszuhebeln bzw. auszubessern?

Ich wüsste mal zu gern wie ich die CSS Datei am besten schreiben sollte.

Der style für den Teaser wird von

Code: Alles auswählen

#content {
         
         text-decoration:none;
         color: #ffffff;
         font-size: 8pt;
         font-weight: bold;
         font-family:Verdana;
        }
bestimmt.

Ich könnte gut Hilfe gebrauchen... :(
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

am besten mal hier etwas infos holen

www.css4you.de

dann nochmal den link von dodger77 anklicken da werden dir deine fehler beschrieben

aber bitte auch mal deinen HTML quelltext korrigieren

greets
greets
blackelementz
Beiträge: 106
Registriert: Di 27. Sep 2005, 13:53
Kontaktdaten:

Beitrag von blackelementz »

was ist denn in meinem HTML text verkehrt? bzw. wo genau?

Die HTML vom Layout oder von den Modulen?
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

rezeptionist hat geschrieben:ok zu spät aber schau auch mal hier

http://validator.w3.org/check?uri=http% ... ype=Inline

greets
schau mal hier

konnt nicht schauen ob es an Modulen liegt oder so musst leider selber ran , für solche Analysen müsste man dein layout im rohzustand sehen


greets
greets
rezeptionist
Beiträge: 1536
Registriert: Fr 20. Aug 2004, 10:07
Kontaktdaten:

Beitrag von rezeptionist »

zb ab zeile 503 deines Quelltextes aus dem Browser

Code: Alles auswählen

<table width="950" align="center">
  <tr>
    <td>

    </td>
		</td><<<< ????? HÄÄÄÄ???
   </tr>
</table>
oder ab 479


Code: Alles auswählen

<table width="955" border="0"> 
   <tr>
      <td width="950" align="right" valign="bottom"><font     color="#FF9933" size="1" face="Verdana"><strong><br><br>

      <a href="mailto:info@black-elementz.com">...partyvorschlag?? dann hier melden!! info@black-elementz.com...</a> 
</strong></font>
      </td>
   </tr>
      </tr> <<<< ???????



</td> <<<<< ?????
		</tr> <<<<<?????
</table>

greets
greets
blackelementz
Beiträge: 106
Registriert: Di 27. Sep 2005, 13:53
Kontaktdaten:

Beitrag von blackelementz »

Hi gut das ihr das ansprecht mit den ganzen TR´s und TD´s ^^

Ich arbeite jetzt "schon" ein halbes Jahr mit Contenido und hab mich immer gefragt wie ich das am besten mache mit den Modulen.


Ich habe ja ein Layout in das ich dann die Platzhalter für die Module mache.

Wenn ich jetzt einen gesamt Table um die ganze Seite mache um den zusammenhalt zu gewährleisten und damit die seite auch auf einem 19" Monitor gleich angezeigt wird wie auf einem 15" Mointor habe ich eine gesamtbreite von ca. 955pixel gemacht.

So und nu? Pack ich einfach die Platzhalter ins layout und gebe in den Modulen die Table´s ein oder soll ich die Module schon in Tables einsetzen?

Ist alles bissel blöde zu erklären. Ich poste einfach mal meine Layout Datei.

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Black Elementz - Osnabrücks Black Culture Community</title>
<meta name="description" content=" Black Elementz - BE a Part of it! Osnabrücks Black Culture Community | Partypix, Black_Eventz, Künztler_Guide and more...">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Language" content="de">
<meta name="keywords" content="Black, Music, Culture, Black Music Culture, Graffiti, Party, Party Pics, Pics, ,Pix, Pictures, B-Boying, Fashion, Index, Index Pics, Alando, Alando pics, Go Parc, Community,">
<meta name="Classification" content="Homepage, Website">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="css/be-style.css" rel="stylesheet" type="text/css">
CMS_CONTAINER[100]
</head>
<body bgcolor="#000000" link="#FFFF66" vlink="#FFFF66" alink="#FF9933" text-decoration:="none"> 
<table width="955" align="center">
<tr>
<td>
	<table width="955" class="outerline" align="center">
	<tr>
	<td>
		<table width="950" align="center">
		<tr>
<td width="253" height="130" align="left" valign="top"> <img src="http://www.cms.black-elementz.com/weblayout/be_logo.jpg" width="192" height="128"></td>

<td width="127" height="130" align="right" valign="top"></td>
  
<td width="285" height="130" align="left" valign="top"><strong><font color="#FF9933" face="Verdana" size="1">partner_werbung</font><br><br></strong>
CMS_CONTAINER[1]</td>
          
<td width="285" height="130" align="left" valign="top"><font size="1"><strong>&nbsp;</strong></font><br><br>
CMS_CONTAINER[2]</td>
		</tr>
		</table>
		<table width="950" align="center">
		<tr>
CMS_CONTAINER[3]			
		</tr>
		</table>
		<table width="950" algin="center">
		<tr>
<td>
CMS_CONTAINER[4]			
</td>
		</tr>
		</table>
		<table width="950" align="center" cellpadding="6">
		<tr>
<td>
CMS_CONTAINER[5]
CMS_CONTAINER[6]
CMS_CONTAINER[7]
</td>
		</tr>
		</table>
		<table width="950" align="center" cellpadding="6">
		<tr>
<td>
CMS_CONTAINER[8]
</td>
		</tr>
		</table>
		<table width="950" align="center" cellpadding="6">
		<tr>
<td>
CMS_CONTAINER[9]
CMS_CONTAINER[10]
CMS_CONTAINER[11]
</td>
		</tr>
		</table>
		<table width="950" align="center">
		<tr>
<td>
CMS_CONTAINER[12]
</td>
		</tr>
		</table>
		<table width="950" align="center">
		<tr>
<td>
CMS_CONTAINER[13]
</td>
		</td>
		</tr>
		</table>
	</td>
	</tr>
	</table>
	<table width="950" align="center">
	<tr>
	<td>
CMS_CONTAINER[14]
	</td>
	</tr>
	</table>
CMS_CONTAINER[15]
</td>
</tr>
</table>
</body>
</html>
ich hoffe ihr könnt mir ein wenig helfen den schlamassel wieder gerade zu biegen.

BIG THX
blackelementz
Beiträge: 106
Registriert: Di 27. Sep 2005, 13:53
Kontaktdaten:

Beitrag von blackelementz »

hier nochmal der Sinn für die module
Zum Teil habe ich mir mehr Module eingebaut (Platzhalter) falls ich die Seite mal Komplett anders gestalten möchte mit mehreren einzelnen Modulen... somit sind meistens nur 8 von insgesamt 16 Modulen benutzt.

Code: Alles auswählen

black elementz 

Container: 1 werbung#1
Container: 2 werbung#2
Container: 3 HauptNavi
Container: 4 Trennlinie
Container: 5 Modul oben Links (bsp. Willkommenstext)
Container: 6 Modul oben Mitte (bsp. Artikelliste)
Container: 7 Modul oben Rechts (bsp. Next Pix Eventz)
Container: 8 Trennlinie
Container: 9 Modul unten Links (bsp. ersatz Künztlerguide)
Container: 10 Modul unten Mitte (bsp. ersatz Künztlerguide)
Container: 11 Modul unten Mitte (bsp. ersatz Künztlerguide)
Container: 12 Trennlinie
Container: 13 Modul unten Mitte (bsp. soon coming Eventz)
Container: 14 Modul unten Mitte [bsp. miniNavi)
Container: 15 Modul unten Mitte [bsp. Counter)
Container: 100 Modul für Iframe Setzung im Layout Quelltexthead
Dodger77
Beiträge: 3626
Registriert: Di 12. Okt 2004, 20:00
Wohnort: Voerde (Niederrhein)
Kontaktdaten:

Beitrag von Dodger77 »

Um den Schlamassel schonmal einigermaßen hinzubekommen, solltest du dir mal den von mir oben angegebenen Link anschauen. Dort bekommst du ein bereinigtes CSS geliefert, das ein paar Probleme fast von zauberhand verschwinden lässt.
Gesperrt