Avatar billede dme Nybegynder
27. februar 2001 - 15:49 Der er 6 kommentarer og
1 løsning

Centrering af layer!

Hejsa!

Jeg har efter en del arbejde fundet ud af, hvordan man kan centrere et layer
(se nedenstående kode), men desværre virker dette kun i Internet Explorer
5.0+, da propertien \"clientWidth\" ikke fungerer i de andre browsere.

\"clientWidth\" returner bredden af det vindue, som brugeren har åbent - er
det en anden property eller metode til at finde frem til dette? Jeg skulle
meget have det til at fungere i IE 4+ og Netscape 4+.

Findes der et site, hvor jeg kan se objectmodellen for Netscape 4 og 6 og
dermed de properties og metoder som de har?


På forhånd tak,

/David


--------- kode start ---------
<html>
<head>
<title>Centreret layer</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
function size(){
// de 280 er layerets bredde ...
Baggrund.style.posLeft = ((document.body.clientWidth-280)/2);
}
</script>
</head>

<body bgcolor=\"#FFFFFF\" onLoad=\"size()\" onResize=\"size()\">
<div id=\"Baggrund\" style=\"position:absolute; width:280px; height:28px; z-index:1; top: 50; left: 10; background-color: #a0a0a0; layer-background-color: #a0a0a0; border: 1px none #000000\">
  <table width=\"280\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" height=\"28\"
bordercolor=\"#000000\">
    <tr align=\"center\" valign=\"middle\">
      <td>Centreret layer</td>
    </tr>
  </table>
</div>

</body>
</html>
--------- kode slut ---------
Avatar billede nute Nybegynder
27. februar 2001 - 15:57 #1
Avatar billede day Nybegynder
27. februar 2001 - 16:02 #2
Hvordan kan du centrere det? når du selv har skrevet:
z-index:1; top: 50; left: 10;
Hilsen Day
Avatar billede olebole Juniormester
27. februar 2001 - 17:05 #3
<ole>
day >> Han centrerer på onload i body-tag\'et...kalder funktionen \'size()\'...comprende?
/mvh
</bole>
Avatar billede day Nybegynder
27. februar 2001 - 17:34 #4
No, no comprendo - men jeg ville gerne!
Day
Avatar billede olebole Juniormester
27. februar 2001 - 18:13 #5
day >> Han placerer ganske rigtigt først laget med inline-styles (i div-tag\'et), men på onload - altså, når hele siden er indlæst - fyrer han dette script af, som placerer laget midt på siden i bredden:

<script language=\"JavaScript\">
function size(){
// de 280 er layerets bredde ...
Baggrund.style.posLeft = ((document.body.clientWidth-280)/2);
}
</script>

Hjalp det?
/mvh
Avatar billede day Nybegynder
27. februar 2001 - 19:20 #6
olebole:
Ja, det hjalp. Tak for det! :-)
Desværre virker det ikke i NS4.6, og det er lidt synd. OK i min IE4.
Day
Avatar billede olebole Juniormester
27. februar 2001 - 19:44 #7
Det var så lidt. Men han kan lære, hvordan via nuke\'s links...og det kan du også :)
/mvh
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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