Notifikationer

Markér alle som læst Log ud

enragedbudda Nybegynder

11. juli 2002 - 12:07 Der er 18 kommentarer og
3 løsninger

Style på div!

hvordan får jeg farvet scroll baren på det her div tag?

<div style=\"height:100; width:200; overflow:scroll\"><br><br><br></div>

Synes godt om

lequet Nybegynder

11. juli 2002 - 12:10 #1

Tilføj dette til dit div's style, men husk at det kun virker i IE, andre browsere ignorerer det bare

scrollbar-3d-light-color: #669900;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #000000;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-face-color: #c5c5c5;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 12:12 #2

mit style tag ser sådan her ud:
<style>

</style>

mit div tag:
<div style="height:100%; width:100%; overflow:auto;">

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 12:19 #3

lequet>> det virker ikke!

Synes godt om

lequet Nybegynder

11. juli 2002 - 12:21 #4

Underligt, har før brugt det uden problemer, også på et div :(

Prøv at lave det som en class

<div class="divscroll">

og

.divscroll {
height:100%;
width:100%;
overflow:auto;
SCROLLBAR-FACE-COLOR: #9EA2A2;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #FFFFFF;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF ;
}

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 12:27 #5

det virker stadig ikke...!??

Synes godt om

bamzen Nybegynder

11. juli 2002 - 12:52 #6

Prøv at skrive lowercase ;-)

scrollbar-face-color: #9EA2A2 etc etc etc

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 13:00 #7

virker heller ikke : (... kan det være fordi der mangler et meta tag eller sådan noget?

Synes godt om

xzxzx-kan-ikke-logge Nybegynder

11. juli 2002 - 13:04 #8

prøv at skifte overflow:auto; til overflow: scroll;

ev. http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

må vi se hele koden?

/Casper www.enter-s.dk

Synes godt om

bamzen Nybegynder

11. juli 2002 - 13:06 #9

Nej, ikke meta

prøv lige at fjerne din  Ved ikke om det overhovedet må bruges i stylesheets....

Prøv desuden at flytte dine stylekode fra dit div op i stylesheetet under DIV

/Martin

Synes godt om

callesen Praktikant

11. juli 2002 - 13:06 #10

<STYLE type=text/css>
.divscroll{
scrollbar-3d-light-color: #ffffff;
scrollbar-arrow-color: #fffff;
scrollbar-base-color: #ffffff;
scrollbar-dark-shadow-color: #ffffff;
scrollbar-face-color: #9EA2A2;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-track-color: #ffffff;
overflow:scroll;
overflow-x : hidden;
}
</STYLE>

og i <div class="divscroll">

Synes godt om

xzxzx-kan-ikke-logge Nybegynder

11. juli 2002 - 13:07 #11

prøv at skifte overflow:auto; til overflow: scroll;

ev. http://msdn.microsoft.com/workshop/samples/author/dhtml/refs/scrollbarColor.htm

må vi se hele koden?

/Casper www.enter-s.dk

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 13:16 #12

i får lige koden:
<HTML>
<HEAD>
<TITLE>Untitled-1</TITLE>
<STYLE type=text/css>
A:link { color: #000000; text-decoration : none;}
A:visited { color: #000000; text-decoration : none;}
A:active { color: #CCCCCC; text-decoration : none;}
A:hover { color: #000099; text-decoration : underline;}

BODY {SCROLLBAR-FACE-COLOR: #9EA2A2;
SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF;
SCROLLBAR-SHADOW-COLOR: #FFFFFF;
SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-TRACK-COLOR: #9EA2A2;
SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
overflow: auto }

.divscroll {
overflow:auto;
width: 100%;
height: 100%;
scrollbar-face-color: #9EA2A2;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
}
</style>
</HEAD>
<BODY BGCOLOR=#9EA2A2><center>
<TABLE WIDTH=750 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD COLSPAN=5>
<IMG SRC="images/Untitled-1_01.gif" WIDTH=750 HEIGHT=56 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=4>
<IMG SRC="images/Untitled-1_02.gif" WIDTH=54 HEIGHT=594 ALT=""></TD>

<TD bgcolor="FFFFFF" WIDTH=130 HEIGHT=313 valign="top"><font face="Verdana" color="000000" size="1"> <b><a href="#">1</a></b><br>
 <b><a href="#">2</a></b><br>
 <b><a href="#">3</a></b><br>
 <b><a href="#">4</a></b><br>
 <b><a href="#">5</a></b><br>
 <b><a href="#">6</a></b><br>
 <b><a href="#">7</a></b><br>
 <b><a href="#">8</a></b><br>
 <b><a href="#">9</a></b></TD>

<TD ROWSPAN=4>
<IMG SRC="images/Untitled-1_04.gif" WIDTH=43 HEIGHT=594 ALT=""></TD>

<TD background="images/Untitled-1_05.gif"><div class="divscroll"><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br></div></td>

<TD ROWSPAN=4>
<IMG SRC="images/Untitled-1_06.gif" WIDTH=57 HEIGHT=594 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-1_07.gif" WIDTH=130 HEIGHT=43 ALT=""></TD>
<TD>
<IMG SRC="images/Untitled-1_08.gif" WIDTH=466 HEIGHT=43 ALT=""></TD>
</TR>
<TR>
<TD bgcolor="FFFFFF" WIDTH=130 HEIGHT=185></TD>
<TD bgcolor="FFFFFF" WIDTH=466 HEIGHT=185></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/Untitled-1_11.gif" WIDTH=130 HEIGHT=53 ALT=""></TD>
<TD>
<IMG SRC="images/Untitled-1_12.gif" WIDTH=466 HEIGHT=53 ALT=""></TD>
</TR>
</TABLE>
</center></BODY>
</HTML>

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 13:22 #13

to sekunder jeg oplader lige koden som txt

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 13:32 #14

koden ligger her: http://gustav.geeknet.dk/e/eb.txt

Synes godt om

-master-d- Nybegynder

11. juli 2002 - 14:02 #15

Her virker det altså.

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 14:17 #16

det virker stadig ikke her...??

Synes godt om

=maddog= Nybegynder

11. juli 2002 - 14:53 #17

det ser også fint ud her. ingen problemer.

Synes godt om

bamzen Nybegynder

11. juli 2002 - 14:58 #18

og her virker det også, hvilken browser/os bruger du?

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 16:48 #19

win 2k og ie 5...

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 20:25 #20

lukket!

Synes godt om

enragedbudda Nybegynder

11. juli 2002 - 22:19 #21

problemet er løst

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS