10. januar 2002 - 15:40
Der er
4 kommentarer
Layer, midterstilling!!!!
Findes der et script som gør, at jeg kan bruge layer der tilpasser sig når jeg laver et midterstillet site?
Annonceindlæg fra Computerworld
Gefion skaber fremtidens AI
Supercomputeren Gefion er Danmarks nye AI-kraftværk og skal sikre, at både forskning og virksomheder kan være med i den teknologiske front.
14. august 2025
10. januar 2002 - 16:17
#2
Jeg vil gerne sætte layer ind i den inderste midterstillet tabel. Definere et punkt inde i tabellen, således at layer altid er det samme sted i forhold til den midterstillet tabel <body bgcolor=\"#FFFFFF\" text=\"#000000\"> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"100%\"> <tr> <td align=\"center\"> <table width=\"700\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"300\"> <tr> <td> </td> </tr> </table> </td> </tr> </table> </body> </html>
10. januar 2002 - 22:45
#3
Hvis vi kun taler IE virker dette fint: <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"100%\"> <tr> <td align=\"center\"> <table width=\"700\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"300\"> <tr> <td valign=\"top\"> <div id=\"Layer1\" style=\"position:absolute; width:700px; height:300px; z-index:1; background-color: #666666; layer-background-color: #666666; border: 1px none #000000\"> <div align=\"center\"> <h3> </h3> <h3> </h3> <h3> </h3> <h3><font color=\"#FFFFFF\">Dette er et layer der følger den centrerede tabel</font></h3> </div> </div> </td> </tr> </table> </td> </tr> </table>
10. januar 2002 - 22:53
#4
Skal det være crossbrowser virker dette script i IE 4+, NS 4 og 6 samt Opera 5+ : Scriptet virker på den måde, at layeret positioneres i forhold til den transparente gif på 1x1 pixel der er indsat i den inderste tabel. Endvidere er der tilføjet en reload på bodytagget. <html> <head> <title>Untitled Document</title> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"> <script language=\"JavaScript\"> <!-- function MM_findObj(n, d) { var p,i,x; if(!d) d=document; if((p=n.indexOf(\"?\"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function P7_Snap() { var x,y,ox,bx,oy,p,tx,a,b,k,d,da,e,el,args=P7_Snap.arguments;a=parseInt(a); for (k=0; k<(args.length-3); k+=4) if ((g=MM_findObj(args[k]))!=null) { el=eval(MM_findObj(args[k+1])); a=parseInt(args[k+2]);b=parseInt(args[k+3]); x=0;y=0;ox=0;oy=0;p=\"\";tx=1;da=\"document.all[\'\"+args[k]+\"\']\"; if(document.getElementById) { d=\"document.getElementsByName(\'\"+args[k]+\"\')[0]\"; if(!eval(d)) {d=\"document.getElementById(\'\"+args[k]+\"\')\";if(!eval(d)) {d=da;}} }else if(document.all) {d=da;} if (document.all || document.getElementById) { while (tx==1) {p+=\".offsetParent\"; if(eval(d+p)) {x+=parseInt(eval(d+p+\".offsetLeft\"));y+=parseInt(eval(d+p+\".offsetTop\")); }else{tx=0;}} ox=parseInt(g.offsetLeft);oy=parseInt(g.offsetTop);var tw=x+ox+y+oy; if(tw==0 || (navigator.appVersion.indexOf(\"MSIE 4\")>-1 && navigator.appVersion.indexOf(\"Mac\")>-1)) { ox=0;oy=0;if(g.style.left){x=parseInt(g.style.left);y=parseInt(g.style.top); }else{var w1=parseInt(el.style.width);bx=(a<0)?-5-w1:-10; a=(Math.abs(a)<1000)?0:a;b=(Math.abs(b)<1000)?0:b; x=document.body.scrollLeft + event.clientX + bx; y=document.body.scrollTop + event.clientY;}} }else if (document.layers) {x=g.x;y=g.y;var q0=document.layers,dd=\"\"; for(var s=0;s<q0.length;s++) {dd=\'document.\'+q0[s].name; if(eval(dd+\'.document.\'+args[k])) {x+=eval(dd+\'.left\');y+=eval(dd+\'.top\');break;}}} if(el) {e=(document.layers)?el:el.style; var xx=parseInt(x+ox+a),yy=parseInt(y+oy+b); if(navigator.appName==\"Netscape\" && parseInt(navigator.appVersion)>4){xx+=\"px\";yy+=\"px\";} if(navigator.appVersion.indexOf(\"MSIE 5\")>-1 && navigator.appVersion.indexOf(\"Mac\")>-1){ xx+=parseInt(document.body.leftMargin);yy+=parseInt(document.body.topMargin); xx+=\"px\";yy+=\"px\";}e.left=xx;e.top=yy;}} } //--> </script> </head> <body bgcolor=\"#FFFFFF\" text=\"#000000\" onLoad=\"P7_Snap(\'layerholder\',\'DivCenter\',0,0)\" onResize=\"location.reload()\"> <div id=\"DivCenter\" style=\"position:absolute; width:700px; height:300px; z-index:1; background-color: #FF00FF; layer-background-color: #FF00FF; border: 1px none #000000\"></div> <table width=\"100%\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"100%\"> <tr> <td align=\"center\"> <table width=\"700\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\" height=\"300\"> <tr> <td valign=\"top\"><img src=\"images/transparent.gif\" alt=\"\" width=\"1\" height=\"1\" name=\"layerholder\"> </td> </tr> </table> </td> </tr> </table> </body> </html>