Avatar billede lars_k21 Nybegynder
27. februar 2002 - 22:44 Der er 10 kommentarer og
1 løsning

Layer centrering i browser

Hvordan centrerer jeg layers i dreamweaver.. så det kan ses både i 800*600 og 1024*768 uden at billedet rykker til venstre

Jeg har prøvet med

<div style="width: 100%; height: 100%; text-align: center;"> lige efter <html>-taget og sluttet med </div> lige før </html>-taget

Har før stillet spørgsmålet..  men nok ikke formuleret mig korrekt
Avatar billede lars_k21 Nybegynder
27. februar 2002 - 22:46 #1
Jeg har flash knapper, jpeg billeder og text i forskellige layers på samme side
Avatar billede lillebror Nybegynder
27. februar 2002 - 22:47 #2
Er det ikke godt nok at skrive <center> lige efter <html> tagget og </center> lige før </html> tagget ?
Avatar billede pelkjaer Nybegynder
27. februar 2002 - 22:51 #3
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
body {
    margin:50px 0px; padding:0px;
    text-align:center;
    }

#Content {
    width:500px;
    margin:0px auto;
    text-align:left;
    padding:15px;
    border:1px #333 solid;
    background-color:#eee;
    }
-->
</style>
</head>
<body bgcolor="#FFFFFF" text="#000000">
<div id="Content"></div>
</body>
</html>
Avatar billede pelkjaer Nybegynder
27. februar 2002 - 22:52 #4
Bahh..
<body bgcolor="#FFFFFF" text="#000000">

skal blot være <body>
Avatar billede lars_k21 Nybegynder
27. februar 2002 - 22:55 #5
har jeg prøvet ..  men så skriver DW. om (<body bgcolor="#000000" text="#999999" vlink="#FF0099" alink="#FFFFCC">) og </body>
at de er  " invalid because it does not belong inside the tag it's in"

Og Dw skriver at </head> " is invalid because it's an extra end tag"
Avatar billede lars_k21 Nybegynder
27. februar 2002 - 22:58 #6
pelkjaer ...
Ja hvis du kun vi have en hvid baggrund..  dw ændrer det selv når du ændrer baggrunds farven..  men det har jo heller ikke noget med layer alignm,ent at gøre
Avatar billede pelkjaer Nybegynder
27. februar 2002 - 23:01 #7
Øhmm..nå hvad har det så?

Du spørger om hvordan man centrerer layers (div) - og jeg har vist dig en metode vha. css.

Med hensyn til baggrundsfarve osv - det styrer du da helt selv i stylesheetet.
Avatar billede pelkjaer Nybegynder
27. februar 2002 - 23:07 #8
Synes du at css er for svært, så smid alt dit indhold ind layeret på denne side (hiv koden ind i DW - så kan du se det, ændrer kun på farven, højden og bredden - IKKE på positioneringen). Virker i x-browser:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
<!--
function MyResize(){ location.reload() }
onresize=MyResize;

function MM_findObj(n, d) { //v3.0
  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); return x;
}

function DivAlign(theDiv,h,v,hPx,vPx){
    var obj,fun,dw,dh,lw,lh,x,y;
    fun = (document.getElementById) ? "document.getElementById" : "MM_findObj";
    obj = (document.getElementById) ? document.getElementById(theDiv) : MM_findObj(theDiv);
    if(obj){if(document.all){
    dw = document.body.clientWidth;dh = document.body.clientHeight;}
    else{dw = innerWidth;dh = innerHeight;}
    if(document.layers){lw = obj.clip.width;lh = obj.clip.height;}else{
    lw = obj.style.width.replace("px","");lh = obj.style.height.replace("px","");}
    x = (document.layers) ? ".left" : ".style.left";
    y = (document.layers) ? ".top" : ".style.top";
    if(h == "l"){eval(fun+"('"+theDiv+"')"+x+"="+hPx);}
    if(h == "c"){eval(fun+"('"+theDiv+"')"+x+"="+dw+"/2-"+lw+"/2");}
    if(h == "r"){eval(fun+"('"+theDiv+"')"+x+"="+dw+"-"+lw+"-"+hPx);}
    if(v == "t"){eval(fun+"('"+theDiv+"')"+y+"="+vPx);}
    if(v == "m"){eval(fun+"('"+theDiv+"')"+y+"="+dh+"/2-"+lh+"/2");}
    if(v == "b"){eval(fun+"('"+theDiv+"')"+y+"="+dh+"-"+lh+"-"+vPx);}}
}
//-->
</script>
</head>

<body bgcolor="#FFFFFF" text="#000000" onLoad="DivAlign('centerdiv','c','m','0','0')">
<div id="centerdiv" style="position:absolute; width:200px; height:115px; z-index:1; background-color: #FF00FF; layer-background-color: #FF00FF; border: 1px none #000000"></div>

</body>
</html>
Avatar billede lars_k21 Nybegynder
27. februar 2002 - 23:36 #10
tak skal i have
Avatar billede dsjk Novice
27. februar 2002 - 23:38 #11
takker for point. :o)
Avatar billede Ny bruger Nybegynder

Din løsning...

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.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester