Page sieht in jedem Browser anders aus ?

Status
Nicht offen für weitere Antworten.
mardusi

mardusi

Mitglied
Ja also hab das Problem das ich gerade eine Website programmiere und jetzt vor dem Problem stehe das sie für Firefox optimiert ist aber im IE und Opera komplett anders aussieht .. und ich jetzt sehr ratlos und entnervt bin ...:mad:

hoffe ihr könnt mir da weiterhelfen ...

ich weiß das beim ie die grafikfehler auftreten wegen der *.png .... aber hab noch keine anständige lösung gefunden ...

und warum im opera mein navigationsmenu nicht funktioniert kann ich mir auch nicht erklären
 

Anhänge

  • page_firefox.jpg
    page_firefox.jpg
    39,8 KB · Aufrufe: 90
  • page_ie.jpg
    page_ie.jpg
    39,1 KB · Aufrufe: 77
  • page_opera.jpg
    page_opera.jpg
    39,4 KB · Aufrufe: 65
Hallo,
also bis auf den Grafikfehler sieht die Page doch in allen Browsern gleich aus, zumindst auf den Screenshots.
Was erwartest du jetzt von uns? Ich mein anhand der Screenshots können wir dir wohl nicht sagen, warum deine Navigation nicht mit allen Browsern funktioniert.

mfg
forsterm
 
Mein Code von der Navigation
HTML: 
<style type="text/css">
ul#nav {
	width:700px;
	padding:0;
	margin:0 auto;
	list-style-type:none;
}

ul#nav li {
display:inline;
}

ul#nav li a {
float:left;
width:100px;
height:20px;
text-decoration:none;
border-style:none;
}

ul#nav li a span {
display:none;
}

a.home, a.home:visited {
background-image:url(http://www.downtownraiderz.de/images/home.png);
}

a.members, a.members:visited {
background-image:url(http://www.downtownraiderz.de/images/members.png);
}

a.picture, a.picture:visited {
background-image:url(http://www.downtownraiderz.de/images/pictures.png);
}

a.workshop, a.workshop:visited {
background-image:url(http://www.downtownraiderz.de/images/workshop.png);
}

a.forum, a.forum:visited {
background-image:url(http://www.downtownraiderz.de/images/forum.png);
}

a.termine, a.termine:visited {
background-image:url(http://www.downtownraiderz.de/images/termine.png);
}

a.links, a.links:visited {
background-image:url(http://www.downtownraiderz.de/images/links.png);
}

a.home:hover, a.home:active, a.home:focus  {
background: url(http://www.downtownraiderz.de/images/hov_home.png);
}

a.members:hover, a.members:active, a.members:focus  {
background: url(http://www.downtownraiderz.de/images/hov_members.png);
}
a.picture:hover, a.picture:active, a.picture:focus  {
background: url(http://www.downtownraiderz.de/images/hov_pictures.png);
}
a.workshop:hover, a.workshop:active, a.workshop:focus  {
background: url(http://www.downtownraiderz.de/images/hov_workshop.png);
}
a.forum:hover, a.forum:active, a.forum:focus  {
background: url(http://www.downtownraiderz.de/images/hov_forum.png);
}
a.termine:hover, a.termine:active, a.termine:focus  {
background: url(http://www.downtownraiderz.de/images/hov_termine.png);
}
a.links:hover, a.links:active, a.links:focus  {
background: url(http://www.downtownraiderz.de/images/hov_links.png);
}
.navi {
	background-color:#544668;
	border-top: 1px solid #000000;
	border-right: 1px none #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
}
</style>
<td class="navi">
<del class="container">
<ul id="nav" >
    <li><a href="http://www.downtownraiderz.de" class="home"><span>home</span></a></li>
    <li><a href="#" class="members"><span>members</a></span></li>
    <li><a href="http://www.downtownraiderz.de/gallery/dtr_gallery.php" class="picture"><span>picture</span></a></li>
    <li><a href="http://www.downtownraiderz.de/DTR_test.php?content=/cfaq/index.php" class="workshop"><span>Workshop<span></span></a></li>
    <li><a href="http://www.downtownraiderz.de/phpBB2/index.php" class="forum"><span>forum</span></a></li>
    <li><a href="#" class="termine"><span>termine</span></a></li>
    <li><a href="#" class="links"><span>links</span></a></li>
</ul>
</del>
</td>

Mein Code der Page bzgl der Grafikfehler

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
<!--
body {
	background: url(images/carbon_bg.gif);
	margin:0px;
}
.DTR_navi {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px none #000000;
	text-align: center;
	text-decoration: none;
	background: #544668;
}
.DTR_Balken {
	background: #5e5578;
}

.DTR_Navi_Middle {
	border-right: 1px solid #000000;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
}

.DTR_Navi_Links {
	border-right: 1px solid #000000;
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-bottom: 1px none #000000;
	border-left: 1px solid #000000;
}
.DTR_Navi_Rechts {
	font: bold normal 14px Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	text-align: center;
	background: #544668;
	border-top: 1px none #000000;
	border-right: 1px solid #000000;
	border-bottom: 1px none #000000;
	border-left: 1px none #000000;
}
.DTR_Infobox {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
	white-space: normal;
	border: 1px solid #000000;
	background: #8a869c;
}
.Copyright {
	font: italic normal 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #5E5578;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
	text-transform: none;
}
.DTR_Footer {
	background: url(images/footer.png);
}
-->
</style>

</head>

<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1023"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="41" height="100" background="images/banner_bg.png">&nbsp;</td>
        <td width="459" height="100" background="images/DTR_logo.png">&nbsp;</td>
        <td height="100" background="images/banner_bg.png">&nbsp;</td>
      </tr>
    </table></td>
  </tr>

<?php //Navigation
include ('navigation.php');
?>

  <tr>
    <td height="15" class="Copyright">&nbsp;</td>
  </tr>
  <tr>
    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td width="120" height="600" class="DTR_Infobox"><img src="images/DTR_08.png" /></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td rowspan="2" class="DTR_Infobox"><?php
	// Abfrage Schleife für Contentbox
 
	$content = $_GET['content'];

 	if($content!="")
	 { 
  	include("$content.php"); 
	} 
	else
	{
	include("news.php");
	}
?></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
        <td width="120" class="DTR_Infobox"><a href="http://www.flash.de" target="_blank"><img alt="OPEL SCENE FLASH. Unabhängiges Magazin für die Opel-Community." border="0" height="600" src="http://www.flash.de/html/de/assets/Assets/SERVICE/sky_120_end.gif" width="120" /></a></td>
        <td width="12" rowspan="2" class="DTR_Balken">&nbsp;</td>
      </tr>
      <tr>
        <td width="120" class="DTR_Balken">&nbsp;</td>
        <td width="120" class="DTR_Balken">&nbsp;</td>
        </tr>
    </table></td>
  </tr>
  <tr>
    <td class="Copyright">&nbsp;</td>
  </tr>
  <tr>
    <td height="10" class="Copyright">::: &copy; 2007 Webdesign &amp; Programming by www.downtownraiderz.de ::: </td>
  </tr>
  <tr>
    <td height="10" class="DTR_Footer">&nbsp;</td>
  </tr>
</table>
</body>
</html>

hoffe ihr könnt mir weiterhelfen
 
Hi,
mardusi hat gesagt.:
und warum im opera mein navigationsmenu nicht funktioniert kann ich mir auch nicht erklären
Zum Vergrößern anklicken....

im Menüpunkt "Workshop" ist ein <span>-Tag zuviel notiert, an dem sich der Opera-Browser verschluckt, und daher den Rest des Menüs nicht anzeigt.
Code: 
<li><a href="http://www.downtownraiderz.de/DTR_test.php?content=/cfaq/index.php" class="workshop"><span>Workshop<span></span></a></li>
 
erstmal großes dankeschön :)

bleibt nur noch ein Prob und zwar die Banner links und Rechts
> habe festen Wert vergeben Opera und IE ziehen den in die länge
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück