Søg
Avatar billede doctorking Nybegynder
07. august 2002 - 08:56 Der er 18 kommentarer

horinsontal Scrollbar på Mac

Er der mulighed for at fjerne den horinsontale scrollbar, der kommer på Mac, i dette:

<html>
    <head>
    <STYLE TYPE="text/css">
    .scrollTekst{
    width: 150px;
    height: 100px;
    background-color: #cccccc;
    overflow: auto;
    border: 1px solid #454545;
    color: #783478;
    font-family: Arial, Verdana;
    font-size: 10px;
    padding: 5px;
    position: absolute;
    top: 200px;
    left: 300px;   
    z-index: 0;
    }


body {scrollbar-3dlight-color:#000000;
    scrollbar-arrow-color:white;
    scrollbar-base-color:#486878;
    scrollbar-darkshadow-color:#76838D;
    scrollbar-face-color:#76838D;
    scrollbar-highlight-color:#76838D;
    scrollbar-shadow-color:#000000

}
</STYLE>
</head>
<body bgcolor="#ffffff">
<DIV class="scrollTekst">Senator magna voce in senatu clamat: Nisi exercitum novum cum imperatore alio in Asiam mittemus, numquam de hostibus triumphabimus. per omnes annos exercitus nostros vicerunt. itaque hic in gravissimo conventu orbis terrarum inter homines severos dubitari non oportet, quin contra ferocissimas gentes pugnare velimus, ut libertatem a maioribus semper servatam liberis uxoribusque defendamus.</DIV>
</body>
</html>

???
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:07 #1
Prøv med

overflow-y: auto;
overflow-x: hidden;
Avatar billede doctorking Nybegynder
07. august 2002 - 09:11 #2
Så forsvinder scrollbarene....på mac...
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:12 #3
Okay :)

Hvad med

overflow-y: scroll;
overflow-x: hidden;
Avatar billede doctorking Nybegynder
07. august 2002 - 09:17 #4
det virker heller ikke (IE 5 på Mac)
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:28 #5
Hvad med

<html>
<head>
<style type="text/css">
#daddyLayer{
    width: 150px;
    height: 100px;
    position: absolute;
    z-index: 1;
    clip: rect(auto 150px 100px auto);
    overflow: auto;
    left: 300px;
    top: 200px;
    }
#contentLayer {
  position: absolute;
}

body {
    scrollbar-3dlight-color:#000000;
    scrollbar-arrow-color:white;
    scrollbar-base-color:#486878;
    scrollbar-darkshadow-color:#76838D;
    scrollbar-face-color:#76838D;
    scrollbar-highlight-color:#76838D;
    scrollbar-shadow-color:#000000

}
</style>
</head>
<body>
<div id="daddyLayer">
<div id="contentLayer">
<p>hejsa</p>
<p>hejsa</p>
<p>hejsa</p>
<p>hejsa</p>
<p>hejsa</p>
<p>hejsa</p>
<p>hejsa</p>
</div>
</div>
</html>
Avatar billede doctorking Nybegynder
07. august 2002 - 09:33 #6
Nej desværre...nu går teksten endda udover scrollbarene...både vertikalt og horisontalt...
Avatar billede doctorking Nybegynder
07. august 2002 - 09:39 #7
man kan sætte det i en tabel, og derved styre at teksten ikke skubber så der kommer horinsontal scrollbar...
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:45 #8
Ja præcis - var jeg også ved at lave

<html>
<head>
<style type="text/css">
#contentLayer {
  position:absolute;
    width:80px;
    z-index:1;
    left: 0px;
    top: 0px;
    padding: 0px;
}
</style>
</head>
<body>
<div id="containLayer" style="position:absolute; width:100px; z-index:1; left: 100px; top: 25px; height: 100px; clip: rect(0px 100px 100px 0px); overflow: auto">
<div id="contentLayer"> 
<table width="80" border="0" cellspacing="0" cellpadding="0">   
<tr>       
<td>
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
</td>
</tr> 
</table>
</div>
</div>
</html>
Avatar billede doctorking Nybegynder
07. august 2002 - 09:48 #9
det er en mulighed men så bliver det lidt mere besværligt...Det smarte var hvis der var en løsning uden tabeller...
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:50 #10
Det bliver nok ikke sådan her - jeg ved af erfaring at mac stinker til height på layers.

Ville nok være mere optimalt med en dhtml scroller.
Avatar billede doctorking Nybegynder
07. august 2002 - 09:51 #11
tja måske...dette var bare så nemt (c:
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:52 #12
Den sidste med tabel - virker den? (jeg tror det ikke).
Avatar billede doctorking Nybegynder
07. august 2002 - 09:55 #13
Jeg tjekkede faktisk ikke din, for jeg havde lavet en selv med tabel som virkede:

<html>
    <head>
    <STYLE TYPE="text/css">

   
    .scrollTekst{
     
   
    width: 150px;
    height: 100px;
    background-color: #cccccc;
    border: 1px solid #454545;
    color: #783478;
    font-family: Arial, Verdana;
    font-size: 10px;
    overflow: auto;
    padding: 0 px;
    top: 200px;
    left: 300px;   
    z-index: 0;
    scrollbar-3dlight-color:#000000;
    scrollbar-arrow-color:white;
    scrollbar-base-color:#486878;
    scrollbar-darkshadow-color:#76838D;
    scrollbar-face-color:#76838D;
    scrollbar-highlight-color:#76838D;
    scrollbar-shadow-color:#000000

}
</STYLE>


</head>
<body bgcolor="#ffffff">
       
        <br>
        <br>
        <table width="399" border="1" cellspacing="2" cellpadding="0" height="184">
            <tr height="64">
                <td width="186" height="64"></td>
                <td width="199" height="64"></td>
            </tr>
            <tr height="106">
                <td width="186" height="106"></td>
                <td width="199" height="106"><DIV class="scrollTekst">
            <table width="120" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="5"></td>
                    <td width="115"><font size="1"> Senator magna voce in senatu clamat: Nisi exercitum novum cum imperatore alio in Asiam mittemus, numquam de hostibus triumphabimus. per omnes annos exercitus nostros vicerunt. itaque hic in  gravissimo conventu orbis terrarum inter homines severos dubitari non oportet, quin contra ferocissimas gentes pugnare velimus, ut libertatem a maioribus semper servatam liberis uxoribusque defendamus.</font></td>
                </tr>
            </table>
        </DIV></td>
            </tr>
        </table>
    </body>
</html>
Avatar billede pelkjaer Nybegynder
07. august 2002 - 09:57 #14
Prøv min, den er noget anerledes, der ligger tabellen indeni - så forskellen fra det oprindelige er minimal.

Men jeg tvivler på at den dur.
Avatar billede doctorking Nybegynder
07. august 2002 - 10:03 #15
Din virker også fint. Det eneste der er, er at hvis man sætter en baggrundsfarve på, dækkere den ikke helt ud til scrollbaren. Det kan løses i IE ved at gøre layeret 4 px smallere, men i NS er scrollbaren smallere..:

<html>
<head>
<style type="text/css">
#contentLayer {
  position:absolute;
    width:80px;
    z-index:1;
    left: 0px;
    top: 0px;
    padding: 0px;
    background-color: #cccccc;
}
</style>
</head>
<body>
<div id="containLayer" style="position:absolute; width:96px; z-index:1; left: 100px; top: 25px; height: 100px; clip: rect(0px 100px 100px 0px); overflow: auto">
<div id="contentLayer"> 
<table width="80" border="0" cellspacing="0" cellpadding="0">   
<tr>       
<td>
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
test test test test test test
</td>
</tr> 
</table>
</div>
</div>
</html>
Avatar billede pelkjaer Nybegynder
07. august 2002 - 10:04 #16
Sæt farve på cointainLayer istedet - og gør det inline.
Avatar billede doctorking Nybegynder
07. august 2002 - 10:14 #17
ja det virker...jeg kan bare ikke lige lure hvad der skulle være smartere ved dit end mit (no offence (c;)
Avatar billede pelkjaer Nybegynder
07. august 2002 - 10:17 #18
Smartere ved jeg ikke (hvis man ser bort fra din tabel udenom div'en, men det er måske ikke noget med det at gøre..) - men mere korrekt med en container div med clip rect på.
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
25/0916:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »