Prøv med: <script type="text/javascript"> var elm; var maxWidth = 200; // Den maksimale bredde banneret kan have var minWindowWidth = 800; window.onscroll = function() { if (document.documentElement && typeof document.documentElement.scrollTop == "number") { elm.style.position = "absolute"; // Sørg for at browsere, som egentlig har position fixed får absolute, hvis de kommer hertil elm.style.top = document.documentElement.scrollTop+"px"; }
} function resizeElm() { var w = document.body.clientWidth; if (typeof w == "number") { elm.style.display = (w < minWindowWidth) ? "none" : "block"; elm.style.width = Math.min((w-750)/2,maxWidth)+"px"; } } window.onload = function() { elm = document.getElementById("banner"); resizeElm(); } window.onresize = resizeElm; </script> <style type="text/css"> .indhold { margin:0px auto; width:750px; height:300px; background-color:#f00; } #banner { position:absolute; right:0px; top:0px; } html > body #banner { position:fixed; } </style>
<div class="indhold"> en masse indhold </div> </div> <img src="banner.png" id="banner">
Testet i Opera, Mozilla og IE og virker her tilfredsstillende (hvis jeg har forstået spørgsmålet).
når du siger centreret mener du så horinsontalt eller vertikalt (eller begge dele). Mit ovenstående script skulle i hvert fald virke vandret, måske bortset fra de 20 pixels mellemrum.
Evt. kunne du vise siden du vil have det implementeret, så er det nok lettere at se hvor du vil have banneret.
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.