• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS / Firefox Problem

Mythbuster

New member
Hallo zusammen

Ich habe in meinen Onlineshop einen php Bild/Textwechsler eingebaut. Dieser funktioniert im IE ohne jegliche Probleme. Nun habe ich das ganze jedoch mal im Firefox angesehen und bemerkt, dass dort gar nichts mehr geht. Ich vermute, dass ich irgendwo eine CSS Variable verwende, welche Firefox nicht interpretieren kann. Da ich leider nicht allzuviel von der Materie verstehe, wäre ich euch super dankbar, wenn ihr mir einen Tipp geben könntet.

Meine Seite findet ihr unter http://www.engelis-naturshop.ch

Das ganze wird über einen iframe an die news.php übergeben.

HTML:
<iframe class="iframe" border="0" align="top" marginwidth="1" marginheight="1" src="http://www.engelis-naturshop.ch/news/news.php" frameborder="0" scrolling="no" name="iframe"></iframe>

Hier der Code meiner news.php:

PHP:
<html><head>
<link rel="stylesheet" type="text/css" href="/style.css">
</head><?php
function dodosrandgen() {
// set number of links you want to show at once
$show_link = 1;
// separate the links by, i.e. comma would be ",";
$separator = " ";
// Add links
// Please make sure you number entries CORRECTLY
// Look at the example for reference!
// DO NOT erase the priority part, leave all
// to 1 if you don't want them to have different
// priorities!



	$links[0][link] = "<table class=\"bild1\"width=\"0\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td class=\"zellen\" rowspan=2\ align=\"left\" valign=\"top\"><a href=\"http://www.engelis-naturshop.ch/ONLINE-SHOP/Haushalt-eMC®-·-Reiniger:::32_43.html\" target=\"_parent\"><img src=\"/news\eMC_Reiniger.jpg\" border=\"0\" align=\"left\" hspace=\"0\" class=\"foto1\"></a></td><td class=\"zelle_oben1\">eMC® · Reiniger</td><tr><td class=\"zelle_unten1\">Die eMC Reiniger sind natürlich fermentierte Reinigerkonzentrate und beinhalten verschiedene Mikroorganismenkulturen. Diese werden in einem einzigartigen Verfahren mit ätherischen Ölen als Duft- und Wirkstoffkomponenten fermentiert. Zur Optimierung der Qualität wurde biologische Zuckerrohrmelasse verwendet.</td></table>";
	$links[0][priority] = 1;
	$links[1][link] = "<table class=\"bild2\"width=\"0\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td class=\"zellen\" rowspan=2\><a href=\"http://www.engelis-naturshop.ch/ONLINE-SHOP/EM-Getraenke/VitaBiosa-Kraeuterauszug::211.html\" target=\"_parent\"><img src=\"/news\vitabanner.jpg\" border=\"0\" align=\"left\" hspace=\"0\" class=\"foto2\"></a></td><td class=\"zelle_oben2\">Vita Biosa Kräuterkonzentrat</td><tr><td class=\"zelle_unten2\">Vita Biosa ist ein kontrolliert ökologischer Kräuterauszug, der durch einen Fermentierungsprozess von Milchsäurekulturen auf Zuckermelasse gewonnen wird. Die Kräuter haben eine wohltuende Wirkung auf die Verdauung und versorgen den Organismus mit wichtigen Antioxidantien, die der Entwicklung von freien Radikalen entgegenwirken. </td</table>";
	$links[1][priority] = 1;
	$links[2][link] = "<table class=\"bild3\"width=\"0\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr><td class=\"zellen\" rowspan=2\><a href=\"http://www.engelis-naturshop.ch/ONLINE-SHOP/Basisprodukte/EM-1-Bodenhilfsstoff::214.html\" target=\"_parent\"><img src=\"/news\EM-1.jpg\" border=\"0\" align=\"left\" hspace=\"0\" class=\"foto3\"></a></td><td class=\"zelle_oben3\">EM·1® - EM (Bodenhilfsstoff)</td><tr><td class=\"zelle_unten3\">EM·1 ist die Urlösung aus welchem alle EM Produkte hergestellt werden. Es enthält die von Prof. Dr. Teruo Higa entdeckten nützlichen und frei in der Natur vorkommenden effektiven Mikroorganismen. Das Einsatzgebiet von EM-1 ist äusserst vielfältig. So findet es sowohl in der Landwirtschaft, der Wasserwirtschaft, bei Hobbygärtnern, Biotopbesitzer und in vielen anderen Bereichen des täglichen Lebens seine Anwendung.</td></table>";
	$links[2][priority] = 1;
	

// HERE COMES THE BODY 
if($links) {
	for($i = -1; $i < count($links); $i++) {
		for($j = 0; $j < $links[$i][priority]; $j++) {
			$newlinksindex = count($newlinks) + 1;
			$newlinks[$newlinksindex] = $links[$i][link];
		}
	}
} // end of if link exist

// debug
	if($show_link >= count($newlinks))
		$show_link = count($newlinks);

$showarray[0] = "";
$showindex = 0;
// Select a random element from the new array
	do {
		$randindex = rand(0, count($newlinks));
		if(!in_array($newlinks[$randindex], $showarray) && $newlinks[$randindex] != "") {
			$showarray[$showindex] = $newlinks[$randindex];
			//print_r($showarray);
			$showindex++;
		}
	}while(count($showarray) <= $show_link);

// finally print out
	for($i = 0; $i < $show_link; $i++ ) {
		if($show_link == 1 || (($i + 1) == $show_link))
			print $showarray[$i];
		else
			print $showarray[$i].$separator;
	}
//print_r($ranarray);
//print_r($links);
//print_r($newlinks);
	
} // end of the dodosrandgen function
?>
<html>
<head>
<title>EM News Schweiz</title>

</head>
<body bgcolor="white" text="black" link="#FFC8CB" vlink="#FFC8CB" alink="#FFC8CB" topmargin="0" leftmargin="0">
<center>
<?dodosrandgen();?></center>
</body>
</html>


Und hier meine Stylesheet:


HTML:
.bild1 {
border-bottom: 1px solid;
border-color: #c0c0c0;
}

.foto2 {
width:150px;
height:170px;
margin-left:0px;
vertical-align:top;
}

.zelle_oben1 {
width:746px;
padding-left:5px;
background-color: #f9f9e3;
vertical-align:top;
height:15px;
text-align: left;
font-family: Arial, Verdana, courier, sans-serif
font-size: 7px;
color:#006e00;
font-weight:bold;
}

.zelle_unten1 {
width:746px;
padding-left:5px;
text-align:justify;
background-color: #f9f9e3;
border-color: #c0c0c0;
text-align: left;
font-family: Arial, Verdana, courier, sans-serif
font-size: 7px;
color:#006e00;
}


.bild2 {
border-bottom: 1px solid;
border-color: #c0c0c0;
}


.foto2 {
width:295px;
height:173px;
margin-left:0px;
vertical-align:top;
}

.zelle_oben2 {
width:273px;
padding: 5px;
background-color: #f9f9e3;
vertical-align:top;
height:15px;
text-align: left;
font-family: Arial, Verdana, courier, sans-serif
font-size: 7px;
color:#006e00;
font-weight:bold;
}

.zelle_unten2 {
width:273px;
background-color: #f9f9e3;
border-bottom: 1px solid;
border-color: #c0c0c0;
text-align: left;
font-family: Arial, Verdana, courier, sans-serif
font-size: 7px;
color:#006e00;
}

.foto3 {
width:150px;
height:170px;
margin-left:0px;
vertical-align:top;
}
 
Zuletzt bearbeitet:
Naja, hast du dir mal die JS Fehlerkonsole angeschaut, die zeigt dir auch die Fehler die du im CSS machst an. Es sind nicht wenige.
 
Zurück
Oben