Forum
Tipps
News
Menu-Icon

Websiten bei Browsern fehlerhaft

Hallo, ich hab ein kleines Problem. UNd zwar hab ich eine Internetseite gemacht (www.zap-soft.de.vu) und ich habe ein Problem beim anschaun mit den Browsern.
1) Bei Mozilla sind die Balken unterschiedlich lang
2) Beim IEx 6.0 sidn die Farben beim Bild oben und bei den Menüs leicht unterschiedlich, es ist zwar die selbe Farbe aber der Ton variiert zwischen den Browsern.

wäre echt nett wenn mir da einer helfen könnte


Antworten zu Websiten bei Browsern fehlerhaft:

also bis auf die zwei balken sehe ich keinen unterschied! gehe mal davon aus das das alles tabellen sind, definier die mal in der breite per pixelangabe!

mfg

Hab das schon geändert nu is aber alles nach unten verschoben! Weiss echt nich mehr was ich machen soll!

poste mal bitte den gesamten code der seite! ich schaus mir mal an!
mfg

<html>
<head>
<META NAME="Title" CONTENT="Cruelities">
<META NAME="Author" CONTENT="Zap-Soft">
<META NAME="Owner" CONTENT="Zap-Soft">
<META NAME="Revisit" CONTENT="Zap-Soft">
<META NAME="Expires" CONTENT="Zap-Soft">
<META NAME="Keywords" CONTENT="Online Rollenspiel, Cruelities, Free Game, Free Online Game, Spiel download, Rollenspiel download, Zap-Soft">
<META NAME="Description" CONTENT="Cruelities ist ein kostenloses Online Rollenspiel mit neuen Innovationen und viel Spielspass.">
<META NAME="Robots" CONTENT="all">
<META NAME="Language" CONTENT="Deutsch">
<script src="common.js" language="jscript" type="text/javascript"></script>
<title>Cruelities - Das Online Rollenspiel</title>
<style type="text/css">
a:link { font-weight:bold; color:#D6DFF7; text-decoration:none }
a:visited { font-weight:bold; color:#D6DFF7; text-decoration:none }
a:hover { font-weight:bold; color:#E00000; text-decoration:none }
a:active { font-weight:bold; color:#D6DFF7; text-decoration:underline }
a:focus { font-weight:bold; color:#D6DFF7; text-decoration:underline }
</style>
</head>
<body>
<body style="background-color:#003366">



<table align="center">
  <tr>

    <td>
<table width="900" border="0" cellpadding="0" cellspacing="0" bgcolor="#003366">
<tr>
<td width="700"><center><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Axt.JPG"></td>
</tr>
</table>
<br>
      
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003366">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<br>
<tr>
<td width="200" valign="top">
<table>
<tr>
<td width="175" valign="top">
<p class="newsbox">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="175" height="20" valign="middle" bgcolor="#002255"><table>
<tr>
<td><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/%dcberschrift.jpg" width="2"></td>
<td align="left"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Kreisbutton.PNG" width="16" height="16"></td>
<td align="center" width="100%"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/ZapSoft.PNG"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<p>
<a href="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/HTML.htm">News</a><br>
<a href="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Home.htm">Home</a><br>
<a href="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Projekte.htm">Projekte</a><br>
<a href="http://de.yahoo.com/">Downloads</a><br>
<a href="http://de.yahoo.com/">Bewerbungen</a><br>
<a href="http://de.yahoo.com/">Forum</a><br>
</p>
</tr>
</table>
</span>
</td>
</tr>
</table></td>
</tr>
</table></p>
</td>
</tr>
<tr>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003366">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<br>
<tr>
<td width="200" valign="top">
<table>
<tr>
<td width="175" valign="top">
<p class="newsbox">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="175" height="20" valign="middle" bgcolor="#002255"><table>
<tr>
<td><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/%dcberschrift.jpg" width="2"></td>
<td align="left"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Kreisbutton.PNG" width="16" height="16"></td>
<td align="left" width="100%"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Cruelities.PNG"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<p>
<a href="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/DasSpiel.htm">Das Spiel</a><br>
<a href="http://z-s.xardas.lima-city.de/Cruelities/Login.htm">Registrierung</a><br>
<a href="http://www.multimeta.de/">Screenshots</a><br>
<a href="http://de.yahoo.com/">Trailer</a><br>
<a href="http://de.yahoo.com/">Downloads</a><br>
<a href="http://de.yahoo.com/">Forum</a><br>
</p>
</tr>
</table></td>
</tr>
</table></p>         
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#003366">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<br>
<tr>
<td width="200" valign="top">
<table>
<tr>
<td width="175" valign="top">
<p class="newsbox">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="175" height="20" valign="middle" bgcolor="#002255"><table>
<tr>
<td><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/%dcberschrift.jpg" width="2"></td>
<td align="left"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Kreisbutton.PNG" width="16" height="16"></td>
<td align="left" width="100%"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Support.PNG"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<p>
<a href="http://de.yahoo.com/">Kontakte</a><br>
<a href="http://web.de/">Links</a><br>
<a href="http://www.multimeta.de/">Support</a><br>
</p>
</tr>
</table></td>
</tr>
</table></p>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
</table>












<td width="616" valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<table>
<tr>
<td width="412" class="spacerightnews">
<p class="newsbox">
<br>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" class="lowline" height="20" valign="middle" bgcolor="#002255"><table>
<tr>
<td><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/%dcberschrift.jpg" width="2"></td>
<td align="left"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Kreisbutton.PNG" width="16" height="16"></td>
<td align="right" class="newsmainheader"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/News.PNG"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" height="20" class="newscontent">
<P><span style="color:white;font-size:100%">Für das Projekt "Cruelities"
suchen wir noch dringend Grafiker die das Tool GMax beherrschen und C++
Programmierer.<br><br>Wir suchen auch noch Mitarbeiter für Zap-Soft. Es
kann sich jeder bewerben der Ahnung von Programmiersprachen hat.</span></P>
</tr>
</table></td>
</tr>
</table></p>
</td>
</tr>
<tr>
<td height="20">
<table cellpadding="0" cellspacin="0" width="100%">
</table></td>
</tr>
<tr>
<td width="412" class="spacerightnews">
<p class="newsbox">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="100%" class="lowline" height="20" valign="middle" bgcolor="#002255"><table>
<tr>
<td><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/%dcberschrift.jpg" width="2"></td>
<td align="left"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Kreisbutton.PNG" width="16" height="16"></td>
<td align="center"><img src="http://z-s.xardas.lima-city.de/CruelitiesSeiteNeu/Cruelities.PNG"></td>
</tr>
</table></td>
</tr>
<tr>
<td valign="top">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<br><IMG src="Drache.jpg" width="400" height="250" alt="Cruelities"></P></td>
</table></td>
</tr>
</table></p>
</td>
</tr>
</tr>
</table></td>
</tr>
</table>
</body>
</html> 






Is noch ein bissel verpeilt. Hatte aber noch net so viel Zeit!

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

zu 2) Das liegt daran, das du die Überschriften als Bild gespeichert hast. Auch wenn PNG annähernd verlustfrei ist, interpretieren -wie du siehst- die Browser die direkten Farbangaben unterschiedlich. Entweder du du gibts als background="" ein PNG an, dass die gleiche Farbe wie der Hintergrund der Überschirften hat, oder du nimmst die Überschriften als Bild heraus und ersetzt sie durch normalen Text, dann wird in den Browsern zumindest alles gleich interpretiert.

BTW: Hast du eh irgentetwas mit den Frames durcheinandergebracht (ohne jetzt im Quelltext geschaut zu haben). Wenn ich auf deiner Seite einen Rechtsklick und dann "Aktueller Frame" -> "Nur diesen Frame anzeigen" klicke zeigt er mir immernoch genau die gleiche Seite mit kompletten Inhalt. Wo ist da ein zweiter Frame? Was zeigt der an? IMHO kannste so das Frameset weglassen!? ???

Mario 8)

das mit den frames ist glaube ich wegen der domain, wirst du wohl frameweiterleitung angeklickt haben in deinen einstellungen! dürfte aber nix mit den verschobenen spalten zu tun haben! ich hab mir das mal angeschaut hatte aber noch keine zeit was zu ändern, aber ehrlich gesagt sind deine tabellen so durcheinander das es mich nicht wundert das es da was verschiebt! entwedewr nochmal in ruhe n paar tabellen neu machen oder bis heut abend warten da mache ich das mal!

mfg

Najo danke für die Tipps muss ichs halt nochmal sauber machen  :P


« Scrollen 2er Frames gleichzeitigHTML: Jedem Link neue Farben »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Prozessfarben
Prozessfarben, auch Druckfarben genannt, werden durch Mischen der Gundfarben Cyan, Maganta, Gelb und Schwarz (CMYK-Farbraum) erzeugt. Diese Art der Farbmischung wird auch...

Schmuckfarben
Eine Schmuckfarbe, die auch Sonderfarbe oder Spotcolour genannt wird, ist eine zusätzlich zu den Grundfarben verwendbare Druckfarbe beim Mehrfachdruck. Hingegen beim...

Bildpunkte
Bilder, die von einem Monitor wiedergegeben werden, bestehen aus einzelnen Bildpunkten (Pixeln). Je höher die Pixelanzahl ist, desto genauer und besser kann das Bild...