 Willkommen auf dem Portal für Mediengestalter
|
|
|
| Autor |
Nachricht |
bastiyxc
Threadersteller
Dabei seit: 26.10.2004
Ort: berlin
Alter: 43
Geschlecht: 
|
Verfasst Do 24.02.2005 11:21
Titel css probleme in mozila(fire) und opera |
  |
|
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
|
|
| |
  |
 |
woodpecker
Dabei seit: 21.02.2005
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Do 24.02.2005 12:00
Titel
|
|
|
hast du mal den link oder den html quelltext? 
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
|
|
| |
|
|
|
Anzeige
|
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: 
|
Verfasst Do 24.02.2005 12:03
Titel
|
|
|
Wollte ich auch gerade fragen.
Mit Codeschnipseln kann ich immer so wenig anfangen.
|
|
| |
|
|
bastiyxc
Threadersteller
Dabei seit: 26.10.2004
Ort: berlin
Alter: 43
Geschlecht:
|
Verfasst Do 24.02.2005 12:32
Titel
|
|
|
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 Überblick über
das Unternehmen.<br>
<br>
Weiterhin haben Sie die Möglichkeit in die einzelnen Fachbereiche
zu wechseln, wo Sie der jeweilige Ansprechpartner erwartet und Sie über
spezielle Dienstleistungsangebote informiert.<br>
<br>
Falls Sie das eine oder andere näher interessiert kontaktieren Sie
uns ü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ügung.<br>
<br>
Denn - Ihr Anspruch ist unsere Leistung<br>
Auf den übrigen Seiten finden Sie ein kleines Potpourri aus ausgewählten
Referenzenobjekten, laufenden Projekten und Neuigkeiten rund um den Dienstleistungssektor
HANDWERK.<br>
<br>
Diese Seite soll allerdings keine Einbahnstrasse sein. Haben Sie Kritik,
Wünsche, Anregungen oder Vorschlä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"> </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=">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=">Ü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=">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"> </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"> </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
|
|
| |
|
|
woodpecker
Dabei seit: 21.02.2005
Ort: -
Alter: 38
Geschlecht:
|
Verfasst Do 24.02.2005 12:38
Titel
|
|
|
|
nimm die klammer weg dann gehts dennke ich!
|
|
| |
|
|
bastiyxc
Threadersteller
Dabei seit: 26.10.2004
Ort: berlin
Alter: 43
Geschlecht:
|
Verfasst Do 24.02.2005 12:39
Titel
|
|
|
|
welche klammer denn?
|
|
| |
|
|
bastiyxc
Threadersteller
Dabei seit: 26.10.2004
Ort: berlin
Alter: 43
Geschlecht:
|
Verfasst Do 24.02.2005 12:44
Titel
|
|
|
 ) danke! hi hi
|
|
| |
|
|
HotSpot
Dabei seit: 10.01.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 24.02.2005 12:46
Titel Re: css probleme in mozila(fire) und opera |
|
|
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.
|
|
| |
|
|
| |
|
|
| Ähnliche Themen |
Probleme mit audio streams bei fire fox
Probleme mit ANCHOR TAG (in Safari, Opera)
Überschreiben Fire-FTP
fire up your gecko.
[fire needs you] Hilfe mit Gästebuch
Opera 9.5 und Wordpress
|
|
|
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.
|
|
