Anzeigefehler bei IE, FF und DW

[lobo3000]

Guten Abend...

Bastle an CSS Seite u hab das Problem, dass bei drei verschiedenen Ansichtenmöglichkeiten es drei verschiedene Farbgestaltungen gegeben sind.

Weiß hier jemand mehr Bescheid?

LG
lobo3000

[Tobias]

Hast Du mal ein wenig Quellcode oder noch besser, einen Link?

[lobo3000]

Anbei der Quellcode (CSS):

/* CSS Document */

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height: 1.166;
margin: 0px;
padding: 0px;
background-image:url(hintergr2.png);
width: 100%;
}

#topNav{
position: absolute;
width: 100%;
top: 120px;
left: 10px;
min-width: 630px;
height: 32px;
color: #cccccc;
right: 50%;
margin: 0px;
}

#mail{
position: absolute;
top: 120px;
right:10px;
min-width: 50px;
height: 32px;
color: #FFCC00;
margin: 0px;
}
a.mail:link{
font-size: 10pt;
color: #FFCC00;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
border-left: 1px solid #8FB8BC;
}


#pagecell1{
position:absolute;
top: 200px;
left: 200px;
right: 40px;
width: 75%;
background-color: #666666;
border-top: 2px solid #cccccc;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc;
border-bottom: 2px solid #cccccc;
color: #FFCC00;
font-style: italic;
font-family: Monotype Corsiva, Times New Roman Special G1, Arial;
font-size: large;

}

a{
color: #005FA9;
text-decoration: none;
}

a:link{
color: #21536A;
text-decoration: none;
}

a:visited{
color: #005FA9;
text-decoration: none;
}

a:hover{
color: #FFCC00;
text-decoration: underline;
}

#globalLink{
position: absolute;
top: 6px;
height: 22px;
min-width: 640px;
padding: 0px;
margin: 0px;
left: 10px;
z-index: 100;
}

a.glink:link{
font-size: 10pt;
color: #FFCC00;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
border-left: 1px solid #8FB8BC;


}

a.glink:visited{
font-size: 10pt;
color: #FFCC00;
font-weight: bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
border-left: 1px solid #8FB8BC;
}

a.glink:active{
font-size: 10pt;
color:#6600FF;
font-weight:bold;
margin: 0px;
padding: 2px 5px 4px 5px;
border-right: 1px solid #8FB8BC;
border-left: 1px solid #8FB8BC;
background-color:#DDEEFF;

}

a.glink:hover{
font-size: 10pt;
background-color: #DDEEFF;
background-image: none;
font-weight: bold;
text-decoration: none;
color: #6600FF;
border-right: 1px solid #8FB8BC;
border-left: 1px solid #8FB8BC;

}

#pageNav{
position: absolute;
top: 200px;
left: 10px;
width:150px;
padding: 5px;
background-color: #CCCCCC;
font-family: Verdana,sans-serif;
font-size: 10pt;
}


#sectionLinks a:link{
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url(bg_nav.jpg);
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #005FA9;
}

#sectionLinks a:visited{
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url(bg_nav.jpg);
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}

#sectionLinks a:hover{
display: block;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #DDEEFF;
background-image: none;
padding: 3px 0px 3px 10px;
font-weight: bold;
text-decoration: none;
color: #6600FF;
}
#sectionLinks a:activate{
background-color:#DDEEFF;
font-size: 10pt;
color:#6600FF;
font-weight:bold;
margin: 0px;
padding: 2px 5px 4px 5px;
}

#gedichteNav2{
position: absolute;
top: 350px;
left: 30px;
width:150px;
padding:5px;
background-color: #CCCCCC;
font-family: Verdana,sans-serif;
font-size: 10pt;
}

#gedichteLinks2 a:link{
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url(bg_nav.jpg);
font-weight: normal;
padding: 3px 0px 3px 10px;
color: #005FA9;
}

#gedichteLinks2 a:visited{
display: block;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
background-image: url(bg_nav.jpg);
font-weight: bold;
padding: 3px 0px 3px 10px;
color: #21536A;
}

#gedichteLinks2 a:hover{
display: block;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
background-color: #DDEEFF;
background-image: none;
text-decoration: none;
color: #6600FF;
}

#gedichteLinks2 a:activate{
background-color:#DDEEFF;
}

[steff11]

räusper ... wenn Dreamweaver UND IE UND FF einen Fehler anzeigen, dann nicht ihren, sondern den des Codes. Und da wärs hilfreich, den Code zu sehen ... und eine Erläuterung davon:

drei verschiedenen Ansichtenmöglichkeiten es drei verschiedene Farbgestaltungen

hä?

steff

[lobo3000]

Welchen Code brauchts?

CSS findets 2 Beiträge oberhalb;
HTML folgend:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Eine Welt voller Gef&uuml;hle...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="kn.css" type="text/css">
<style type="text/css">


body,td,th {
color: #6600FF;
}

</style>
<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_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_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible'v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
<body tracingsrc="hintergr2.gif" tracingopacity="100">

<object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="700" height="100" align="absmiddle">
<param name="movie" value="header.swf">
<param name="quality" value="high">
<embed src="header.swf" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="700" height="100"></embed>
</object>
</head>

<div id="pagecell1">
<p><a href="adadsf">asdfasd</a></p>
<p>asdflkjas&ouml;dlkfjasdf</p>
<p>asdf&uuml;jasd&ouml;lkfjas</p>
<p>dfkasjdf&ouml;lkjasdf</p>
<p>lksjadf&ouml;lkajsdf</p>
</div>


<div id="topNav" class="glink">

<a href="index.htm" id="gl3" class="glink">Home</a>
<a href="autor.htm" id="g13" class="glink">Autor</a>
<a href="kontakt.htm" id="g13" class="glink">Kontakt</a>
<a href="info.htm" id="g13" class="glink">INFORMATION</a>

</div>

<div id="pageNav">
<div id="sectionLinks">

<a href="aktuell.htm" id="gl3">Aktuell</a>
<a href="#" id="gl3" onClick="MM_showHideLayers('mail','','show')">Gedichte</a>
<a href="info.htm" id="gl3">Information</a><br>
<a href="disclaimer.htm" id="gl3">DISCLAIMER</a> </div>
</div>

<div id="mail">
<a href="mailto:lobo3000@gmx.at" id="gl3" class="glink">Mail</a>
<a href="sitemap.htm" id="gl3" class="glink">Sitemap</a>
</div>

<div id="gedichteNav">
<div id="gedichteLinks2">

<a href="aktuell.htm" id="gl3">Aktuell</a>
<a href="#" id="gl3" onClick="MM_showHideLayers('mail','','show')">Gedichte</a>
<a href="info.htm" id="gl3">Information</a>
<a href="disclaimer.htm" id="gl3">DISCLAIMER</a>
</div>

</body>
</html>


hoff ich konnte etwas helfen; mit den 3 ansichtsfehlern - z.b. bei der Schriftfarbe usw.

LG
lobo3000

[Elli]

Leider kann ich das Problem auch nicht wirklich nachvollziehen. Schaut man sich
die Seiten im IE6 und im FF an, dann sehen sie generell schon anders aus, was
wohl mit dem Seitenaufbau und dem dazugehörigen CSS zu tun hat. Wenn du
ein Problem mit Farben hast, dann wäre es schön, wenn du vielleicht ein Screen-
shot machen könntest. Andernfalls tut man sich wirklich schwer, dir zu helfen.

Gruß
Elli

[lobo3000]

Hallo Elli...

Danke für deine Antwort, aber gleich eine Frage vorweg...

Ist es möglich den Seitenaufbau in BEIDEN Browsern gleich darstellen zu lassen???

Sind in HTML u CSS richtig schwerwiegende Fehler???

LG
lobo3000

[Elli]

Klar ist es möglich, erfordert aber je nach Layout ein gewisses Know-How, wie
man den HTML- und CSS-Code schreiben muss, damit es passt, da es leider
Unterschiede bei der Interpretation des CSS-Codes gibt. Je nachdem, für wen
die Seite gedacht ist, sollte der Inhalt zumindest für IE6 und FF korrekt
dargestellt werden.

Schwerwiegende Fehler würde ich nicht sagen, aber du schreibst viel zu
viel CSS. Wenn du z.B. deine Linkauszeichnung machst, brauchst du nur die
Werte anzugeben, die sich ändern. Alles andere ist überflüssig. Ansonsten
würde ich den Aufbau mit floating-Divs realisieren und nicht mit festen
Positionen. Navigationen setzt man mit Listenelementen (ul und li) um. Am
besten schaust du mal bei www.css4you.de vorbei, da gibt es gute Beispiele
und umfangreiche Erklärungen zur Verwendung und Aufbau einer solchen
Seite.

Gruß
Elli