abonnement Unibet Coolblue
pi_30997737
Ik ben op mijn site bezig om een skyscraper naast de main-contents te plaatsen. Een beetje zoals op GOT.

Nu wil ik niet dat de inhoud van die skyscraper overlapt met de inhoud van mijn site bij gebruikers die een kleiner venster gebruiken.

Daarom wou ik de skyscraper in een div zetten met een lage z-index en een divje om mijn contents plaatsen met een hoge z-index zodat de skyscraper als het ware onder de inhoud van de site schuift bij een lage beeldscherm resolutie.

Probleem is dat dat op de een of andere manier niet wil werken. Ik vermoed dat het er mee te maken heeft dat de skyscraper een flashfile is.

Wie helpt?

1
2
3
4
5
6
7
8
9
10
<div align="center" style="z-index:10; ">
Main contents
</div>
<div id="skyscraper">
<object width="120" height="600">
<param name="movie" value="skyscraper.swf">
<embed src="skyscraper.swf" width="120" height="600">
</embed>
</object>
</div>

1
2
3
4
5
6
7
#skyscraper
   {
   position:absolute;
   top:75px;
   right:0;
   z-index:-10;
   }


voorbeeld op http://www.xcu.nl/test.php
  woensdag 28 september 2005 @ 14:28:53 #2
125047 Lamme_Sterfkanarie
tweet tweet en dan ineens niet
pi_30999298
je kunt niet iets over flash heen zetten dus dat gaat sowieso niet werken. Je zou met javascript de resolutie van mensen kunnen opvragen en bij een goede resolutie een divje met je skyscraper zichtbaar kunnen maken.
Ik heb het godverdomme gehad met die onkunde van je!
pi_30999438
Ja, daar zat ik ook al aan te denken.

Probleem is dat je dan mensen hebt die hun browser niet gemaximaliseerd hebben.

Nou ja, die hebben dan maar even pech

Thanks voor je uitleg
pi_31000495
Ik heb nu het volgdende javascriptje gemaakt:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<script type="text/javascript">
<!-- Begin
var winWidth = 0, winHeight = 0;

if (parseInt(navigator.appVersion)>3) {
 if (navigator.appName=="Netscape") {
  winWidth = window.innerWidth-16;
  winHeight = window.innerHeight-16;
 }
 if (navigator.appName.indexOf("Microsoft")!=-1) {
  winWidth = document.body.offsetWidth;
  winHeight = document.body.offsetHeight;
 }
}
if (winWidth < 2024)  {
  document.getElementById('skyscraper').style.display = none;
 document.write(winWidth);
 }
// End -->
</script>


Het stomme is dat dit niet werkt

Wat doe ik fout?
pi_31000584
Never mind

Ik heb met behulp van deze pagina de flash file transparant weten te maken
http://www.macromedia.com(...)ndex.cfm?id=tn_14201

Iemand die de boel eens kan testen in FireFox?
  woensdag 28 september 2005 @ 15:43:00 #6
38298 Leujel
Citroen C2 1.4i VTR SensoDrive
pi_31001169
transparantie werkt niet in Mozilla based browsers, maar alleen in IE.
Gretsch fan
pi_31001872
het werkt wel op safari op de apple dat dan weer wel
abonnement Unibet Coolblue
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')