nicht angemeldet
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
MudGuard