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
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>
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"
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
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>