Avatar billede gantz Nybegynder
23. maj 2001 - 20:45 Der er 10 kommentarer og
1 løsning

centrering af layer

Hey er der nogen som kan hjælpe mig

Jeg sidder her og er ved at lave et site med et en centrert tabel hvori der blandt andet er et billed og et navigationspanel. Mit problem er at jeg skal have noget informtion i den tabel som fylder mere end tabellen. Så skal jeg jo ha\' en scrollbar ved hjælp af ex. et layer. Men hvordan centrerer jeg et layer? Eller er der andre måder hvorpå jeg kan lave en scrollbar i der? 

  -----------
  | tabel  |
  | ------- |
  | |layer| |
  | |_____| |
  |_________|


                                              Gantz
Avatar billede oskar Nybegynder
23. maj 2001 - 21:10 #1
pak det ind i <DIV STYLE=\"text-align:center\"></DIV>
Avatar billede gantz Nybegynder
23. maj 2001 - 21:49 #2
Hey Oskar,
jeg har lidt problemer for DW vil ikke acceptere at der står
<div style=\"text-align....>
    <div id=\"layer1\"............>
    </div>
</div>

hvad gør jeg? 
Avatar billede oskar Nybegynder
23. maj 2001 - 23:54 #3
DW er et dejlig program, jeg bruger det også selv, men når det kommer til andre detaljer end dw\'s egne går det ofte galt. Derfor laver jeg altid de sidste detaljer i et andet program.

Selvom det ser forkert ud i DW vil det næsten altid se rigtigt ud i browseren.

Hvad med den her, hvis du alligvel ikke bruger absolutte værdier for størrelsen:

<div id=\"layer1\" STYLE=\"text-align:center\">
  bla bla  </div>

Avatar billede gantz Nybegynder
24. maj 2001 - 15:07 #4
Hey Oscar, det fungerer simpelthen ikke. Det eneste der sker er at teksten bliver centreret. Har du fået det til at fungere? Hvis du finder ud af det gider du så ikke fortælle mig hvordan for jeg er lidt på skideren med denne side.

Hvis jeg sætter <center>jsddklek</center> rundt om hele <div> tags\'ne så centrerer den layeret men den gør så er det layerets venstre øverste hjørne som centreres.
                                        Gantz
Avatar billede oskar Nybegynder
24. maj 2001 - 15:59 #5
i så fald vil jeg gerne se hele koden.
Avatar billede gantz Nybegynder
24. maj 2001 - 17:46 #6
Hey Oskar,
Her er den kode med det centreret lag hvor det er hjørne punktet som centreres. Jeg går ud fra at det er det du gerne vil se.

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\"><center>
  <div id=\"Layer1\" style=\"position:absolute; width:441px; height:198px; z-index:1; overflow: auto\">
    <p>rthhhhhhhhhhhhhrrrrrrrrrrrkasper ganrkfdosdd</p>
    <p>s</p>
    <p>fd</p>
    <p>sfd</p>
    <p>&nbsp;</p>
    <p>sf</p>
    <p>sdf</p>
    <p>ds</p>
    <p>f</p>
    <p>sfd</p>
    <p align=\"center\">&nbsp;</p>
  </div>
</center>
</body>
</html>
Avatar billede oskar Nybegynder
24. maj 2001 - 23:29 #7
Jeg begynder så småt at forstå problemet. Den eneste løsning jeg umiddelbart kan finde er denne:  <DIV ID=\"Layer1\" STYLE=\"position:absolute;width:441px;height:198px;z-index:1;overflow:auto;left:22%;\">

Den er desværre ufuldstændig. Problemet er at man ikke kan blande absolutte og relative parametre i det samme lag.
Avatar billede oskar Nybegynder
24. maj 2001 - 23:32 #8
De 22% er layerets venstre kants placering, hvilket passeer så nogenlunde ved 800x600. I virkeligheden skal tallet være halvdelen af browserens aktuelle bredde minus 441
Avatar billede gantz Nybegynder
25. maj 2001 - 15:11 #9
Hey Oscar, jeg har lige fået et tip af en ven som jeg vil prøve at tjekke. Det virker til at kunne lade sig gøre
Hvis det virker kan jeg godt lægge scriptet ud til dig hvis du vil ha\'det
Avatar billede gantz Nybegynder
25. maj 2001 - 21:34 #10
Yes så fik jeg lavet det!!!!!
Hold kæft hvor har det også taget lang tid. Først laver man et lag, så sletter man Left og Top, sågår man ind i HTML koden og retter ABSOLUTE til style=\"position:RELATIVE; når det er  lavet sætter man bare en
<center><div id>sdkfsk</div></center> rundt om lagets tags.

Her er et eksempel



<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\">
<script language=\"JavaScript\">
<!--
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
  if (init==true) with (navigator) {if ((appName==\"Netscape\")&&(parseInt(appVersion)==4)) {
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
// -->
</script>
</head>

<body bgcolor=\"#FFFFFF\" text=\"#000000\">
<center>
<div id=\"Layer1\" style=\"position:relative; top:60px; width:737px; height:168px; z-index:1; overflow: auto; background-color: #000000; layer-background-color: #000000; border: 1px none #000000\">
  <p><font color=\"#FFFFFF\">Kasperkwfgwoep&aring;oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
    oooooooooooooooooooooooooooddddd ooooooooooooowffff weffffff wefrew wefr weeeeeeeeeeeeeeeeeee
    errrrrrrrrrrr</font></p>
  <p><font color=\"#FFFFFF\">f</font></p>
  <p><font color=\"#FFFFFF\">f</font></p>
  <p><font color=\"#FFFFFF\">f</font></p>
  <p><font color=\"#FFFFFF\">f</font></p>
  <p><font color=\"#FFFFFF\">f</font></p>
  <p><font color=\"#FFFFFF\">f </font></p>
</center></div>
</body>
</html>
Avatar billede oskar Nybegynder
26. maj 2001 - 00:30 #11
Hvor herligt at det er så nemt og gennemskueligt.
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