mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Mi 18.10.2017 19:14 Benutzername: Passwort: Auto-Login

Thema: css probleme in mozila(fire) und opera vom 24.02.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> css probleme in mozila(fire) und opera
Seite: 1, 2  Weiter
Autor Nachricht
bastiyxc
Threadersteller

Dabei seit: 26.10.2004
Ort: berlin
Alter: 36
Geschlecht: Männlich
Verfasst Do 24.02.2005 11:21
Titel

css probleme in mozila(fire) und opera

Antworten mit Zitat Zum Seitenanfang

ich versuche eine webseite, möglichst, in vielen browserndarzustellen:

im internetexplorer funktioniert die css interpretation, im firefox und opera NICHT, was mache ich falsch, werkann mir helfen??

im kopf der htmlseiten verlinke ich das css

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>99</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="rod.css" rel="stylesheet" type="text/css">
</head>


das die css-datei sieht so aus:

Code:

.ns {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        padding-top: 25px;
        padding-left: 60px;
        line-height: 100%;
        color: #333333;
}


vollgendes css erkennt firevox (opera auch)aber:

Code:

.s1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        padding-top: 17px;
        padding-left: 11px;
        line-height: 11pt;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
        text-decoration: none; }

        a:link { font-weight: normal; color: #cccccc; text-decoration: none }
        a:visited { font-weight: normal; color: #cccccc; text-decoration: none }
        a:hover { font-weight: bold; color: #ffffff; text-decoration: none; }
        a:active { font-weight: bold; letter-spacing: 0pt; color: #ffffff; text-decoration: none; }
        a:focus { font-weight: bold; color: #ffffff; text-decoration: none }
}



vielleicht weiß jemand hilfe ohne zu schimpfen
vielen dank


//EDIT by Sarky
- Bitte keine Eyecatcher in der Thread-Überschrift!
- Bitte Code-Tags verwenden!


Zuletzt bearbeitet von Lazy-GoD am Do 24.02.2005 11:53, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
woodpecker

Dabei seit: 21.02.2005
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Do 24.02.2005 12:00
Titel

Antworten mit Zitat Zum Seitenanfang

hast du mal den link oder den html quelltext? Hä?


am schluss vom zweiten codebereich ist eine "}" welche wohl überflüssig ist!


Zuletzt bearbeitet von woodpecker am Do 24.02.2005 12:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 34
Geschlecht: Weiblich
Verfasst Do 24.02.2005 12:03
Titel

Antworten mit Zitat Zum Seitenanfang

Wollte ich auch gerade fragen.
Mit Codeschnipseln kann ich immer so wenig anfangen.
  View user's profile Private Nachricht senden
bastiyxc
Threadersteller

Dabei seit: 26.10.2004
Ort: berlin
Alter: 36
Geschlecht: Männlich
Verfasst Do 24.02.2005 12:32
Titel

Antworten mit Zitat Zum Seitenanfang

naja war mir etwas zu peinlich weil ich eher grafischer begabt bin:

hab nur den html schnipsel reingestellt, weil man da eh nicht viel sieht, wollte nur zeigen das ich die css-datei auch velinkt habe:
hier seite 99 die das css (ns) braucht: was aber nur der explorer packt firefox wie gesagt zeigt es nicht an:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>99</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="rod.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#CCCCCC" leftmargin="0" topmargin"0">
<table width="380" border="0" cellspacing="0" cellpadding="0">
  <tr><div>
      <td class="ns">
        <p><strong>Willkommen</strong> in der virtuellen Filiale von</p>
      <p align="left"><strong>RAUM OBJEKT DESIGN</strong><br>
        <br>
        auf den folgenden Seiten erhalten Sie einen kleinen &Uuml;berblick &uuml;ber
        das Unternehmen.<br>
        <br>
        Weiterhin haben Sie die M&ouml;glichkeit in die einzelnen Fachbereiche
        zu wechseln, wo Sie der jeweilige Ansprechpartner erwartet und Sie &uuml;ber
        spezielle Dienstleistungsangebote informiert.<br>
        <br>
        Falls Sie das eine oder andere n&auml;her interessiert kontaktieren Sie
        uns &uuml;ber die jeweilig angegebenen Telefon - und Faxnummern oder e-Mail
        Adressen.<br>
        <br>
        Im Bereich - Fragen ??? - stehen Ihnen aber auch einige Feedback-Formulare
        zur Verf&uuml;gung.<br>
        <br>
        Denn - Ihr Anspruch ist unsere Leistung<br>
        Auf den &uuml;brigen Seiten finden Sie ein kleines Potpourri aus ausgew&auml;hlten
        Referenzenobjekten, laufenden Projekten und Neuigkeiten rund um den Dienstleistungssektor
        HANDWERK.<br>
        <br>
        Diese Seite soll allerdings keine Einbahnstrasse sein. Haben Sie Kritik,
        W&uuml;nsche, Anregungen oder Vorschl&auml;ge dann teilen Sie uns dies
        bitte im Servicebereich dieser Seite mit.<br>
        denn Sie wissen ja<br>
        <br>
        <strong>Ihr Anspruch ist unsere Leistung</strong></p>
      </td></div>
  </tr>
</table>
</body>
</html>


hier die webseite menu: wo das css (.s1) auch im firefoxfunktioniert:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>me</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href=".././html/rod.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="#999966" leftmargin="0" topmargin="0" onLoad="MM_preloadImages('../g/11.gif','../g/21.gif','../g/31.gif')">
<table width="193" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
  <tr>
    <td colspan="2"><img src=".././g/lo.gif" width="178" height="80"></td>
    <td width="15"><img src=".././g/l1.gif" width="15" height="15"></td>
  </tr>
  <tr>
    <td colspan="2"><img src=".././g/l1.gif" width="15" height="15"></td>
    <td><img src=".././g/l1.gif" width="15" height="15"></td>
  </tr>
  <tr>
    <td colspan="2" bgcolor="#999999" class="bg"><img src="../g/l1.gif" width="11" height="10"></td>
    <td rowspan="2">&nbsp;</td>
  </tr>
  <tr>
    <td width="11" bgcolor="#999999" ><img src="../g/l1.gif" width="11" height="30"></td>
    <td width="167" bgcolor="#999999" ><a href="222.htm" target="m" onMouseOver="MM_swapImage('n1','','../g/11.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../g/1.gif" alt="&gt;STARTSEITE" name="n1" width="14" height="12" border="0" id="n1"></a>
      <a href="223.htm" target="m" onMouseOver="MM_swapImage('n2','','../g/21.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../g/2.gif" alt="&gt;&Uuml;BERSICHT" name="n2" width="14" height="12" border="0" id="n2"></a>
      <a href="345.htm" target="m" onMouseOver="MM_swapImage('n3','','../g/31.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../g/3.gif" alt="&gt;IMPRESSUM" name="n3" width="14" height="12" border="0" id="n3"></a></td>
  </tr>
</table>
<table width="193" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="178" height="230" valign="top" bgcolor="#942929" class="bg2">
<div class="s1"><a href=".././html/101.htm" target="m">RAUM OBJEKT DESIGN<br>
        </a>
      <a href=".././html/100.htm" target="m">GEDANKEN</a><br>
        <a href=".././html/200.htm" target="m">MALERTEAM</a><br>
        <a href=".././html/300.htm" target="m">FLIESENLEGERTEAM</a><br>
        <a href=".././html/400.htm" target="m">AUSBAUTEAM</a><br>
        <a href=".././html/500.htm" target="m">OBJEKTSERVICETEAM</a><br>
        <a href=".././html/600.htm" target="m">REFERENZEN</a><br>
        <a href=".././html/700.htm" target="m">FRAGEN</a><br>
        <a href=".././html/800.htm" target="m">NEUES</a><br>
        <a href=".././html/900.htm" target="m">KONTAKT</a><br>
        <a href=".././html/910.htm" target="m">LINKS</a> </div></td>
    <td bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
</table>
<table width="193" height="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td width="178" bgcolor="#6C1E1E" class="bg4"><div align="left"><img src="../g/l1.gif" width="9" height="370"><img src="../g/uv.gif" width="158" height="45" align="top">
      </div></td>
    <td bgcolor="#FFFFFF">&nbsp;</td>
  </tr>
</table>
</body>
</html>


und hier nochmal das gesammte css
Code:

.bg {
   background-image: url(../g/ro.gif);
   background-repeat: no-repeat;
}
.bg2 {
   background-image: url(../g/so.gif);
   background-repeat: no-repeat;
}
.bg3 {
   background-image: url(../g/eo.gif);
   background-repeat: no-repeat;
}
.bg4 {
   background-image: url(../g/uv.jpg);
   background-repeat: no-repeat;
}
.s1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        padding-top: 17px;
        padding-left: 11px;
        line-height: 11pt;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
        text-decoration: none; }

        a:link { font-weight: normal; color: #cccccc; text-decoration: none }
        a:visited { font-weight: normal; color: #cccccc; text-decoration: none }
        a:hover { font-weight: bold; color: #ffffff; text-decoration:none; }
        a:active { font-weight: bold; letter-spacing: 0pt; color: #ffffff; text-decoration: none; }
        a:focus { font-weight: bold; color: #ffffff; text-decoration: none }
}
.ns {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        padding-top: 25px;
        padding-left: 60px;
        line-height: 100%;
        color: #333333;
}


ich werde verrückt
  View user's profile Private Nachricht senden
woodpecker

Dabei seit: 21.02.2005
Ort: -
Alter: 31
Geschlecht: Männlich
Verfasst Do 24.02.2005 12:38
Titel

Antworten mit Zitat Zum Seitenanfang

nimm die klammer weg dann gehts dennke ich!
  View user's profile Private Nachricht senden
bastiyxc
Threadersteller

Dabei seit: 26.10.2004
Ort: berlin
Alter: 36
Geschlecht: Männlich
Verfasst Do 24.02.2005 12:39
Titel

Antworten mit Zitat Zum Seitenanfang

welche klammer denn?
  View user's profile Private Nachricht senden
bastiyxc
Threadersteller

Dabei seit: 26.10.2004
Ort: berlin
Alter: 36
Geschlecht: Männlich
Verfasst Do 24.02.2005 12:44
Titel

Antworten mit Zitat Zum Seitenanfang

Lächel) danke! hi hi
  View user's profile Private Nachricht senden
HotSpot

Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Do 24.02.2005 12:46
Titel

Re: css probleme in mozila(fire) und opera

Antworten mit Zitat Zum Seitenanfang

vollgendes css erkennt firevox (opera auch)aber:

Code:

.s1 {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 9px;
        padding-top: 17px;
        padding-left: 11px;
        line-height: 11pt;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
   text-transform: none;
        text-decoration: none; }

        a:link { font-weight: normal; color: #cccccc; text-decoration: none }
        a:visited { font-weight: normal; color: #cccccc; text-decoration: none }
        a:hover { font-weight: bold; color: #ffffff; text-decoration: none; }
        a:active { font-weight: bold; letter-spacing: 0pt; color: #ffffff; text-decoration: none; }
        a:focus { font-weight: bold; color: #ffffff; text-decoration: none }
}


Strukturier mal die CSS besser. Die letzte schliessende Klammer ist überflüssig.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Probleme mit audio streams bei fire fox
Opera und CSS (Scroll)
CSS - Opera unterstreicht nicht
[CSS] Opera mit Anzeigeproblemen?
CSS Problem mit IE, Mozilla und Opera
kein CSS für <option> im IE und Opera
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.