[gelöst]Mozilla/Opera/Netscape und Safari Problem

Gesperrt
NooNo
Beiträge: 4
Registriert: Di 4. Apr 2006, 10:07
Kontaktdaten:

[gelöst]Mozilla/Opera/Netscape und Safari Problem

Beitrag von NooNo »

Hallo Zusammen,

und wünsche euch erstmal einen guten Rutsch ;-).

Habe ein ziemlich untypisches Problem, was nicht unbedingt was mit Contenido zu tun hat, mehr mit der Ebenen Kompatiblität von B-Browsern.

Wir arbeiten mit einem zentrierten POP Up Fenster und 4.6.15 welches in sämtlichen Internet Explorern auch perfekt und wie gewünscht läuft!

In anderen Browsern haben wir es hinbekommen, das zwar das Pop Up funktioniert, er aber nicht die Hauptebene reinlädt! Sondern nur die Menu und Login Ebene.

http://www.toneo.de

Den Layout Code der Hauptseite füge ich mal hinzu... Vielleicht hat jemand einen Tipp, wobei wir ungern einen alternativen Link für unsere User anbieten wollen. Layout wurde mit Dreamweaver erstellt.

Vielen Dank im Vorfeld.

Code: Alles auswählen

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>TONEO - Music & Media</title>
<link href="css/style2.css" rel="stylesheet" type="text/css">
<link href="css/style_print.css" rel="stylesheet" type="text/css" media="print">
<style type="text/css">
<!--
body {
	background-color: #000000;
		scrollbar-3dlight-color:  #FFFFFF; 
 scrollbar-darkshadow-color:  #FFFFFF; 
 scrollbar-highlight-color:  #FFFFFF; 
 scrollbar-shadow-color:   #FFFFFF; 
 scrollbar-arrow-color:   #000000; 
 scrollbar-base-color:   #FFFFFF; 
 scrollbar-face-color:   #FFFFFF; 
 scrollbar-track-color:   #CCCCCC; 
}
}
#Layer1 {
	position:absolute;
	width:382px;
	height:449px;
	z-index:99;
	left: 2px;
	top: 151px;
	overflow: visible;
	visibility: visible;
}
#Layer2 {
	position:absolute;
	width:210px;
	height:153px;
	z-index:99;
	left: 589px;
	top: 261px;
	visibility: visible;
}

#Layer3 {
	position:absolute;
	width:798px;
	height:31px;
	z-index:99;
	left: 1px;
	top: 15px;
	visibility: visible;
}
a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
-->
</style></head>
<body style="margin:0px">
<div id="Layer2"><strong>Promotion Pool Login </strong><br />
  <table width="200" border="0">
    <tr>
      <td><container id="48" name="Login" types="Navigation" default="">Login</container></td>
    </tr>
  </table>
  <strong>Aktuelle Releases </strong><br />
  <table width="200" border="0">
    <tr>
      <td><script type="text/javascript">

/***********************************************
* Conveyor belt slideshow script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


//Specify the slider's width (in pixels)
var sliderwidth="220px"
//Specify the slider's height
var sliderheight="125px"
//Specify the slider's slide speed (larger is faster 1-10)
var slidespeed=1
//configure background color:
slidebgcolor="#EAEAEA"

//Specify the slider's images
var leftrightslide=new Array()
var finalslide=''
leftrightslide[0]='<a href="http://www.musicload.de/item.ml?releaseid=1699604_2" target="_blank" ><img src="http://home.toneo.de/cms/upload/Cover/coverhpTONEO001.gif" border=0></a>'
leftrightslide[1]='<a href="http://www.trackitdown.net/genre/trance/track/251170.html" target="_blank"><img src="http://home.toneo.de/cms/upload/Cover/coverhpTONEO002.gif" border=0></a>'

//Specify gap between each image (use HTML):
var imagegap=" "

//Specify pixels gap between each slideshow rotation (use integer):
var slideshowgap=5


////NO NEED TO EDIT BELOW THIS LINE////////////

var copyspeed=slidespeed
leftrightslide='<nobr>'+leftrightslide.join(imagegap)+'</nobr>'
var iedom=document.all||document.getElementById
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>')
var actualwidth=''
var cross_slide, ns_slide

function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2
cross_slide2=document.getElementById? document.getElementById("test3") : document.all.test3
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth
cross_slide2.style.left=actualwidth+slideshowgap+"px"
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3
ns_slide.document.write(leftrightslide)
ns_slide.document.close()
actualwidth=ns_slide.document.width
ns_slide2.left=actualwidth+slideshowgap
ns_slide2.document.write(leftrightslide)
ns_slide2.document.close()
}
lefttime=setInterval("slideleft()",30)
}
window.onload=fillup

function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px"
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+slideshowgap+"px"

if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px"
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+slideshowgap+"px"

}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed
else
ns_slide.left=ns_slide2.left+actualwidth+slideshowgap

if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed
else
ns_slide2.left=ns_slide.left+actualwidth+slideshowgap
}
}


if (iedom||document.layers){
with (document){
document.write('<table border="0" cellspacing="0" cellpadding="0"><td>')
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">')
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:'+slidebgcolor+'" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">')
write('<div id="test2" style="position:absolute;left:0px;top:0px"></div>')
write('<div id="test3" style="position:absolute;left:-1000px;top:0px"></div>')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+sliderheight+' name="ns_slidemenu" bgColor='+slidebgcolor+'>')
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}
</script>

</td>
    </tr>
  </table>
</div>
<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="http://home.toneo.de/cms/img/bg.jpg" width="800" height="600" border="0" usemap="#Map" />
    <div id="Layer3">
      <table width="800" border="0">
        <tr>
          <td><container id="30" name="BottomNavigation" types="Navigation" mode="fixed" default="BottomNavigation">BottomNavigation</container></td>
        </tr>
      </table>
    </div></td>
  </tr>
</table>
<div id="Layer1">
  <table width="360" border="0" cellpadding="0" cellspacing="5" id="test">
    <tr>
      <td width="312"><container id="10" name="Headline" types="Content" default="Headline (HTML)">Headline (HTML)</container></td>
    </tr>
    <tr>
      <td><container id="12" name="Text" types="Content" default="">Content 1</container>
          <container id="15" name="Text" types="Content" default="">Content 2</container>
          <container id="22" name="Text" types="Content" default="">Content 3</container>
          <container id="24" name="Text" types="Content" default="">Content 4</container></td>
    </tr>
    <tr>
      <td><container id="50" name="Hilfsnavigation" types="Navigation" mode="fixed" default="Hilfsnavigation">Hilfsnavigation</container></td>
    </tr>
  </table>
</div>

<map name="Map" id="Map">
<area shape="circle" coords="747,520,45" href="http://www.myspace.com/toneomusic" target="_blank" alt="Visit TONEO Music & Media @ MYSPACE and be our friend!" />
</map></body>
</html>
Zuletzt geändert von NooNo am So 31. Dez 2006, 12:57, insgesamt 1-mal geändert.
xmurrix
Beiträge: 3215
Registriert: Do 21. Okt 2004, 11:08
Wohnort: Augsburg
Hat sich bedankt: 4 Mal
Danksagung erhalten: 17 Mal
Kontaktdaten:

Beitrag von xmurrix »

Hallo,

die CSS-Definition für body schließt mit 2 geschweiften Klammern. Das wird wohl der Grund dafür sein, dass manche Browser die nachfolgenden Angaben für #Layer1 nicht korrekt interpretieren.

Gruß
xmurrix
NooNo
Beiträge: 4
Registriert: Di 4. Apr 2006, 10:07
Kontaktdaten:

Beitrag von NooNo »

ich danke Dir... das wars... hätte man auch mal selbst sehen können... hehe! Wünsche Dir einen guten Rutsch und nochmals danke für deine Hilfe!
Gesperrt