Avatar billede saxbjorn Nybegynder
04. maj 2006 - 23:02 Der er 16 kommentarer

Scroll via style sheat

Hej Hjælpsomme eksperter - Jeg har et problem med min scroller.

Følgende kode viser rigtig nok min scroller som er defineret i style sheet'et, men scroll ses hele tiden og er ikke afhængig af om der skal scrolles eller ej..... hhmm giver det mening?? som om der både scrolles i <div> og <Iframe>

<div style="width:752;height:408;overflow:scroll">
<iframe width="752" height="408" src="forside.htm" name="main" scrolling="no"></iframe></div>

Problemet er at jeg gerne vil have en hvid scroller i min Iframe, men det virker kun (for mig)når jeg kalder et <div> tag, Hvorfor??

Kan nogen hjælpe med en hvid scroller i en Iframe ;-))

Min css ser ud som følger:

BODY {
    overflow:         auto;
    color:          #000066;   
    scrollbar-face-color:        white;
    scrollbar-highlight-color:    black;
    scrollbar-3dlight-color:    white;
    scrollbar-darkshadow-color:    white;
    scrollbar-shadow-color:        black;
    scrollbar-arrow-color:        black;
    scrollbar-track-color:        white;       
    }

Venlig hilsen
Charlotte
Avatar billede thesurfer Nybegynder
04. maj 2006 - 23:32 #1
Prøv med overflow:auto i stedet for overflow:scroll ..

/theSurfer
Avatar billede olebole Juniormester
05. maj 2006 - 00:38 #2
<ole>

- drop div'et. Det er alligevel iframe'ens scrollbar, du ser ... ikke div'ets  :)

Læg derefter dine styles i dokumentet, der loades i iframe'en.
Hvis dokumentet ikke er CSS-kompatibelt, skal det som nu lægges på BODY-elementet - ellers skal det lægges på HTML-elementet

/mvh
</bole>
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 08:07 #3
Hvordan skal det se ud...? Bare paste:

BODY {
    overflow:     auto;
    color:          #000066;   
    scrollbar-face-color:        white;
    scrollbar-highlight-color:    black;
    scrollbar-3dlight-color:    white;
    scrollbar-darkshadow-color:    white;
    scrollbar-shadow-color:        black;
    scrollbar-arrow-color:        black;
    scrollbar-track-color:        white;       
    }

Ind efter <html>
/mvh
Charlotte
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 08:07 #4
Det virker nemlig ikk :-(
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 08:11 #5
Hvordan bliver det CSS-kompatibelt??
Jeg har:
<head>
<link href="css/style.css" rel="stylesheet">
</head>
I min kode, men det er som om css ikke hentes....:-(

//C
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 08:40 #6
Ok - jeg kan se at IE scroller skifter farve som den skal, men scroller i Iframe skifter ikk....tror du har ret med hensyn til CSS skal ligge i min html... men hvordan og hvor??

/mvh
Charlotte
Avatar billede thesurfer Nybegynder
05. maj 2006 - 10:24 #7
Koden skal "indlæses" på alle de sider, hvor scrollbaren skal laves om..

/theSurfer
Avatar billede olebole Juniormester
05. maj 2006 - 11:51 #8
Hvis ikke du har en fuld DTD (DocType Definition) før <html>-tagget, kan IE ikke bruge CSS. Den kan f.eks. se sådan ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Bruger du en fuld DTD, skriver du:

<!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>HeyHep</title>
<style type="text/css">
html {
    overflow:    auto;
    color:          #000066;   
    scrollbar-face-color:        white;
    scrollbar-highlight-color:    black;
    scrollbar-3dlight-color:    white;
    scrollbar-darkshadow-color:    white;
    scrollbar-shadow-color:        black;
    scrollbar-arrow-color:        black;
    scrollbar-track-color:        white;       
}
</style>
</head>
<body>
... osv, osv ...

Ellers skal style-selectoren være 'body':

body {
    overflow:    auto;
    color:          #000066;
... osv, osv ...

NB: Disse styles skal ikke lægges i dokumentet, der indeholder iframe'en - men i det dokument, der loades i iframe'en  ;o)
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 12:18 #9
Jubii... så er vi der næsten, men den scroller vandret - og tabellen er ikke i nærheden af kanterne - Hvad gør jeg


<!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>SPEDITION DYHR</title>
<style type="text/css">
html {
    overflow:    auto;
    color:          #000066;   
    scrollbar-face-color:        white;
    scrollbar-highlight-color:    black;
    scrollbar-3dlight-color:    white;
    scrollbar-darkshadow-color:    white;
    scrollbar-shadow-color:        black;
    scrollbar-arrow-color:        black;
    scrollbar-track-color:        white;       
}
</style>
</head>

<body bgcolor="#637394">

    <table width="852" align="center"cellspacing="0" cellpadding="0" border="0">
        <tr>
            <td height="20" valign="bottom" width="852">
            <a target="main" href="side.htm">Link</a></td>
        </tr>
        <tr>
            <td bgcolor="#ffffff" style="border: 1px solid white;" width="850">
                <table width="850" cellspacing="0" cellpadding="0" border="0">
                    <tr>
                        <td width="100%" valign="top" align="left">

                              &nbsp;</td>
                        <td width="87" rowspan="2" align="left" valign="top">
                        <img src="image_right.jpg" width="87" height="418"></td>
                    </tr>
                    <tr>
                        <td width="100" valign="top" style="padding-bottom: 20px;" align="left" height="384">

                     
                        <iframe width="752" height="370" src="forside.htm" name="main" scrolling="auto" border="0" frameborder="0"></iframe>
                        </div>
                       
                       
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
        <tr>
            <td height="20" bgcolor="#439A22" style="border-left: 1px solid white; border-bottom: 1px solid white; border-right: 1px solid white;" width="850">&nbsp;</td>
        </tr>       
        <tr>
            <td align="center" height="66" valign="top" style="padding-top: 10px;" width="852">
            <img border="0" src="img/logo.gif" width="300" height="56"></td>
        </tr>
    </table>


</body>
</html>
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 12:33 #10
Uanset hvad jeg flytter på i min Iframe så er vandret scroller der stadig og den "scroller" lige meget oss selv om det er en helt blank HTML side uden tekst eller formatering... hhmm
/mvh
Charlotte
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 12:37 #11
Siden jeg linker til via min Iframe....
<!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>SPEDITION DYHR</title>
<style type="text/css">
html {
    overflow:    auto;
    color:          #000066;   
    scrollbar-face-color:        white;
    scrollbar-highlight-color:    black;
    scrollbar-3dlight-color:    white;
    scrollbar-darkshadow-color:    white;
    scrollbar-shadow-color:        black;
    scrollbar-arrow-color:        black;
    scrollbar-track-color:        white;       
}
</style>
</head>

<body>
test
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br>
Avatar billede thesurfer Nybegynder
05. maj 2006 - 13:49 #12
<style type="text/css">
html,body{
width:100%;
height:100%;
margin:0px;
padding:0px;
}

osv..
</style>

/theSurfer
Avatar billede saxbjorn Nybegynder
05. maj 2006 - 14:01 #13
OG det virker bare... super!!! skal vi ikk fordele point lidt til jer begge :-)
Avatar billede thesurfer Nybegynder
05. maj 2006 - 15:06 #14
Jeg kan da godt snuppe en bid.. :-)

/theSurfer
Avatar billede saxbjorn Nybegynder
08. maj 2006 - 10:15 #15
jamen du får ikk det hele ;-) hvad med 50/50??
Avatar billede thesurfer Nybegynder
08. maj 2006 - 10:47 #16
Hehe.. jeg skrev jo "en bid"..
Du venter bare til olebole har smidt et svar.. :-)
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