David: funktioniert nur im firefox

hi leute,

Ich hab folgendes problem: Ich habe eine Seite die javascript benötigt, wenn kein javascript an ist, dann soll ein anderer inhalt angezeigt werden. allerdings wird dieser andere inhalt nur im firefox so angezeigt wie ich es haben will. safari und chrome machen ganz andere abstände als eingestellt.

hier ein auszug aus dem quelltext, aus der stelle an der es wohl liegen wird.

<style type="text/css">
<!--
html,body{
width:100%;
height:100%;
margin:0;
padding:0;
background-color: #ffffff;
}
a {
outline-style:none;
}
img {
border-style:none;
}
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
#container {
top: 0;
left: 0;
width: 100%;
height: 100%;
     position: fixed;
display: table;
z-index:1;
}
  p {
display: table-cell;
vertical-align: middle;
text-align: center;
padding:20px;
}
#balken {
position:relative;
top:31px;
width:100%;
height:128px;
background-color:#202020;
}
#container2 {
position:relative;
left:-50%;
}
img#noscript {
position:relative;
top:-32px;
left:193px;
}

	-->  
	</style>  

und später

<body>
<img src="bg.png" id="bg" alt=""/>
<div id="container">
<p><script type="text/javascript"> document.write("<a href="javascript:popup('flash');"><img src="flash.png" alt="flash"/></a><a href="pdf/portfolio.pdf" onClick="javascript: pageTracker._trackPageview('/downloads/karte'); "><img src="pdf.png" alt="pdf"/></a>");</script>
<noscript><div id="balken"></div><div id="container2"><img src="javascript.png" id="noscript" alt="bitte aktivieren sie javascript"/></div></noscript>
</p>
</div>
</body>

mit dem div "container" und dem p werden die bilder zentriert. das was in dem noscript steht funktioniert wie gesagt nur im firefox. es soll ein balken entstehen, der durch das padding im p nicht ganz 100% der fensterweite hat. danach wird div container 2 genutzt um ein bild relativ zu verschieben und danach das bild an sich auch nochmal verschoben.

ich hoffe das konnte man halbwegs verstehen....

vielleicht kann mir ja irgendwer helfen?

mfg David

  1. Grüße,
    stells online, erspar uns copypasteorgie
    MFG
    bleicher

    --
    __________________________-

    FirefoxMyth
  2. Hi,

    mit dem div "container" und dem p werden die bilder zentriert. das was in dem noscript steht funktioniert wie gesagt nur im firefox.

    p darf keine block-level-Elemente enthalten, also darf weder noscript noch div im p vorkommen.

    Wenn verschiedene Browser auf den falschen Code unterschiedlich reagieren, ist das kein Wunder ...

    cu,
    Andreas

    --
    Warum nennt sich Andreas hier MudGuard?
    O o ostern ...
    Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
    1. Hi, daran lag es, danke schön.