Søg
Avatar billede Keld Nielsen Professor
20. juli 2004 - 11:19 Der er 31 kommentarer og
2 løsninger

Scroll i layer

På samme måde som man kan lave scroll i en tabel med: style="OVERFLOW: auto", og sætte højden til 100%, vil jeg gerne lave det samme i en layer ....kan det lade sig gøre.

"knokler" med det i Dreamweaver MX 2004.
Avatar billede jamiros Novice
20. juli 2004 - 11:40 #1
Du kan sigtens lave scroll i et div tag
Avatar billede jamiros Novice
20. juli 2004 - 11:42 #2
Lign...

<html>
<head>
<style type="text/css" media="screen"><!--
#layer1 { visibility: visible; position: absolute; top: 18px; left: 18px; width: 100px; height: 100px }
--></style>
</head>
<body bgcolor="#ffffff">

<div id="layer1" style="OVERFLOW: auto">

</div>
</body>
</html>
Avatar billede jamiros Novice
20. juli 2004 - 11:50 #3
..rettes så til:

#layer1 { visibility: visible; position: absolute; top: 0px; left: 0px; width: 100px; height: 100% }
--></style>
Avatar billede roenving Novice
20. juli 2004 - 12:55 #4
>>jamiros

-- det synes mig tåbeligt, at du foreslår at tilføje een property til en style-definition, men lægger den inline, i forhold til at du allerede har sat 6 forskellige properties på det samme element i stylesheet-rule ...
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:03 #5
Det virker desværre heller ikke helt som det skal, jeg får fint nok en scroll, men højden på det der skal scrolles i er vel omkring en 20 px.

Jeg har som sagt lavet et layer:
#layer_produkt  {position:absolute; width:530px; z-index:1; left: 21px; top: 123px; height: 100%;}

...og kalder den:
<div id="layer_produkt" style="OVERFLOW: auto">

inde i dette har jeg så en tabel:
<div id="layer_produkt" style="OVERFLOW: auto">

....det er en hel masse varer der skal vises, med navn billede osv osv., derfor tabelfunktionen.
Avatar billede jamiros Novice
20. juli 2004 - 13:04 #6
>>roening

Det var egentlig også kun for at synligøre den for "fotograf".
Men det virker lige så fint!

Mvh. Jamiros
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:04 #7
ups ....tabel starten ser sådan ud:
<table width="512" height="100%" border="0" cellpadding="0">
Avatar billede jamiros Novice
20. juli 2004 - 13:06 #8
er 20px i højden? og skal være 100% i højde?
Avatar billede jamiros Novice
20. juli 2004 - 13:07 #9
Nu er jeg ikke helt med. Hvilken table..? :-)
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:08 #10
ja sådan ca.
Ser lidt mystisk ud, og ved at det er vigtigt at tabelen bliver defineret til 100% i højden
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:09 #11
inde i layeren har jeg placeret en tabel
Avatar billede jamiros Novice
20. juli 2004 - 13:10 #12
Er dit table placeret inde i dit div-layer?
Avatar billede jamiros Novice
20. juli 2004 - 13:10 #13
Ellers må du lige ligge lidt mere kode ud - så skal jeg nok lige se på det...
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:12 #14
Ja, som her:
          <div id="layer_produkt" style="OVERFLOW: auto">
             
            <br>
            <table width="512" height="100%" border="0" cellpadding="0">
              <tr>
                <td valign="top"
Avatar billede jamiros Novice
20. juli 2004 - 13:20 #15
Det virker hos mig. Men når du har lavet top: 123px så vil de blive 100% + 123px det fylder i højden.

<html>
<head>
<style type="text/css" media="screen"><!--
#layer_produkt  {position:absolute; width:530px; z-index:1; left: 21px; top: 123px; height: 100%;}
--></style>
</head>
<body bgcolor="#ffffff">
<div id="layer_produkt" style="OVERFLOW: auto">
<br>
<table width="512" height="100%" border="0" cellpadding="0">
<tr>
<td valign="top">linie<br>
linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>linie<br>
</td>
</tr>
</table>
</div>
</body>
</html>
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:22 #16
ca. 10 min ...så har jeg smidt det op så du kan se det ...uploader nu
Avatar billede Keld Nielsen Professor
20. juli 2004 - 13:38 #17
prøv at kigge her:
http://www.prolight.dk/coolline/

under produkter / produkter

...siden er selvfølgelig slet ikke færdig endnu
Avatar billede jamiros Novice
20. juli 2004 - 13:38 #18
Jeg er klar :-)
Avatar billede jamiros Novice
20. juli 2004 - 14:10 #19
Jeg har lige prøvet at kigge det igennem hurtigt...
Har desværre ikke mere tid lige nu.
Men jeg ville nok forsøge at ryde op i mine tables.
Prøve så vidt som muligt kun at hav en - to og så istdet
benytte span-muligheden flittigt.

Det kan godt være jeg har tid til at kigge på det senere i dag...
Avatar billede Keld Nielsen Professor
20. juli 2004 - 14:16 #20
indtil nu ....tak for kampen !
Avatar billede roenving Novice
20. juli 2004 - 15:45 #21
Hvad er det du vil lave scroll i ?-)
Avatar billede Keld Nielsen Professor
20. juli 2004 - 15:49 #22
jeg vil bare have scroll på selve teksten, men har nu gjort siden meget simplere, men stadig slås jeg, prøv at se: http://www.prolight.dk/coolline/agent2.htm

her vil jeg gerne have den teskst der står nedest til venstre ind i en scroll.

Jeg har lavet to DIV, hvoraf den nederste har jeg sat "autoflow" i ...men det er vist ikke lige min dag i dag !
Avatar billede roenving Novice
20. juli 2004 - 16:07 #23
Hvis du vil have scroll inde i en tabel celle, skal du lave et element inde i, som har cellens størrelse og så sætte overflow:auto; på stylen for elementet !-)
Avatar billede Keld Nielsen Professor
20. juli 2004 - 17:11 #24
ups roenving ...den er jeg ikke lige med på, et element, hvad mener du med det ???
Avatar billede roenving Novice
20. juli 2004 - 17:12 #25
F.eks. en div ...
Avatar billede Keld Nielsen Professor
20. juli 2004 - 17:21 #26
Det mener jeg jo at have gjort:

<body bgcolor="#C7D3E2" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<script type="text/javascript" language="JavaScript1.2" src="coolline.js"></script>
<table width="765" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
    <div class="adresse" style="HEIGHT: 90px; WIDTH: 490px">Dette er adresse<br>
      og gadenavn<br>
      samt bynavn</div>
    <div style="OVERFLOW: auto; WIDTH: 500px; HEIGHT: 100%">
      <p>Dette er pladsen til informationer<br>
        g jgjkg jh gjkghkhg</p>
      <p>rttyruuyryuty trytr tyr yutryt </p>
      <p>jgj kgjg jkg jkgjkgjkgjkg</p>
      <p>ryurt</p>
      <p>rytryu t</p>
      <p>tuytui tui                </p>
    </div>
    </td>
  </tr>
</table>
</body>
Avatar billede roenving Novice
20. juli 2004 - 18:06 #27
Du kunne hjælpe dig selv med at sætte IE i standards-mode:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>behold højde</title>
</head>
<body bgcolor="#C7D3E2" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
<script type="text/javascript" language="JavaScript1.2" src="coolline.js"></script>
<table width="765" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" style="height:225px;position:relative;">
    <div class="adresse" style="height: 90px; width: 490px;background:#eee;">dette er adresse<br>
      og gadenavn<br>
      samt bynavn</div>
    <div style="overflow: auto; width: 500px; height: 100%;background:#ddd;">
      <p>Dette er pladsen til informationer<br>
        g jgjkg jh gjkghkhg</p>
      <p>rttyruuyryuty trytr tyr yutryt </p>
      <p>jgj kgjg jkg jkgjkgjkgjkg</p>
      <p>ryurt</p>
      <p>rytryu t</p>
      <p>tuytui tui                </p>
    </div>
    </td>
  </tr>
</table>
</body>
</html>
Avatar billede jamiros Novice
20. juli 2004 - 18:12 #28
Godt set roenving !!  :-)
Avatar billede Keld Nielsen Professor
21. juli 2004 - 08:34 #29
Ved at slettet noget i starten af HTML-koden, lykkedes det, istedet for:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

har jeg nu sat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

det må vel skyldes det er en funktion som ikke helt overholder standarden, ikke ?

Nå, smid svar begge to, "kampen" gav jo resultat, og det er jo det det hele drejer sig om.
Avatar billede roenving Novice
21. juli 2004 - 11:31 #30
Uden dtd-linket er IE ikke i standards-mode, men i quirks-mode !-)

-- hvilket i lidt bramfri oversættelse betyder, at det ikke er dig, som bestemmer hvordan din side ser ud, men en-eller-anden programmør i Bombay, som har bestemt udseendet ...

-- men ikke så meget, som hvis du også udelader doctype ...

-- og hvis du får fejl med dtd-linket har du helt sikkert en forholdsvis alvorlig fejl og kan helt sikkert regne med, at du vil komme ud for overraskelser i nogle browsere !o]

Velbekomme '-)
Avatar billede Keld Nielsen Professor
22. juli 2004 - 11:35 #31
jamiros ....vil du ikke ha' lidt point ....lukker i morgen !
Avatar billede jamiros Novice
22. juli 2004 - 16:56 #32
Så et lille et da ;-)
Avatar billede roenving Novice
23. juli 2004 - 13:22 #33
-- og tak for point ;~}
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 21:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
I går 20:06 email adresse Af Malm i Forslag til ændringer
I går 19:54 problem med google crome Af Malm i Andet software
I går 09:36 Alternativ holder til to skærme... Af Don G i Skærme
20/0815:01 Samsung smart TV Af postpeter@outlook.dk i Fri debat
White papers
Flere white papers »