Avatar billede jammerlab Nybegynder
23. april 2005 - 20:10 Der er 12 kommentarer og
1 løsning

div/layer

Jeg skal lige bruge HTML koden til et layer som har en bestemt højde samt bredde, og for en scroll bare i siden når den går ud over denne højde.
Avatar billede -mundi- Nybegynder
23. april 2005 - 20:14 #1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
    .Scroll100{
    height:100px;
    width:100px;
    overflow:scroll;
    }
    </style>
</head>

<body>
<div id="scrollField" class="Scroll100">Dette<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>er en test ..........................................</div>


</body>
</html>
Avatar billede Slettet bruger
23. april 2005 - 20:17 #2
Skal du ikke helst have et dtd-link på?
Avatar billede jammerlab Nybegynder
23. april 2005 - 20:19 #3
Er det muligt at undgå scroll baren når den ikke går ud over feltet??
Avatar billede -mundi- Nybegynder
23. april 2005 - 20:24 #4
Så vidt jeg ved er det enten eller, med de scrollbars
Avatar billede Slettet bruger
23. april 2005 - 20:36 #5
Hvis du kun vil have en vertical scrollbar kan du jo bruge

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
    .Scroll100{
    height:100px;
    width:100px;
    overflow-y:scroll;
    }
    </style>
</head>

<body>
<div id="scrollField" class="Scroll100">
Dette<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>er en test ..........................................
</div>


</body>
</html>
Avatar billede -mundi- Nybegynder
23. april 2005 - 20:38 #6
Brug overflow:auto; , så virker det vist som du vil have det

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
    .Scroll100{
    height:100px;
    width:100px;
    overflow:auto;
    }
    </style>
</head>

<body>
<div id="scrollField" class="Scroll100">Dette<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>er en test ..........................................</div>


</body>
</html>
Avatar billede jammerlab Nybegynder
23. april 2005 - 21:02 #7
Fungere fint :)

tak begge 2
Avatar billede olebole Juniormester
23. april 2005 - 21:05 #8
<ole>

- og er det kun den vertikale scrollbar, du ønsker - og det skal være X-browser kompatibelt - kan du skrive:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <title>TITLE</title>
<style type="text/css">
body, html {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
.Scroll100 {
    height: 100px;
    width: 100px;
    overflow-y: auto;
    overflow-x: hidden;
    overflow: -moz-scrollbars-vertical;
}
</style>
</head>
<body>

<div id="scrollField" class="Scroll100">Dette<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>er en test ..........................................</div>

</body>
</html>

/mvh
</bole>
Avatar billede hyberpreprocessor Nybegynder
23. april 2005 - 21:06 #9
-mundi- FYY SKAM DIG !

At give et doctype som får ie til at ignorer standarden, og ikke fatte noget som helst af CSS burde være en dødsynd. Der skal ALTID DTD link med !

Brug dette her doctype, hvis stakkels internet explorer også skal forstå noget

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede Slettet bruger
23. april 2005 - 21:18 #10
træls at jeg også glemte den doctype.. havde ellers lige husket det andetsteds :'(
Avatar billede olebole Juniormester
23. april 2005 - 21:32 #11
ya' can't win 'em all, kid  ;o)
Avatar billede Slettet bruger
23. april 2005 - 21:35 #12
but i can try :o) (droppede appostroffer efter nogle sekunder :o))
Avatar billede -mundi- Nybegynder
23. april 2005 - 22:11 #13
Rooolig nu, det var bare copy/paste fra Homesite :-)
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