Avatar billede webrex Nybegynder
18. december 2005 - 17:26 Der er 6 kommentarer og
2 løsninger

Scroll ? html

En der lige hurtigt fortæller mig, hvorfor der er scroll på denne:

<!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" />
   
   
    <style type="text/css">
        html, body {
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
    }
   
   
/* Grundstruktur */

    #side {
        height: 100%;
        width: 100%;
    }   
    #top {
        height: 15%;
    }
    #indhold {
        height: 75%;
    }
    #bottom {
        height: 10%;
    }   
    </style>

</head>
<body>
    <table border="0" cellspacing="0" cellpadding="0" id="side">
    <tr id="top"><td>dd</td></tr>
    <tr id="indhold"><td>wd</td></tr>
    <tr id="bottom"><td>sd</td></tr>   
    </table>
</body>
</html>
Avatar billede webrex Nybegynder
18. december 2005 - 17:38 #1
Den laver scroll nogle gange i IE - når browser vindue ændres...
Avatar billede webrex Nybegynder
18. december 2005 - 17:44 #2
Jeg tillader mig at ændre spgm. en anelse: Denne kode ser helt korrekt ud i Mozilla Firefox - men forkert i IE - Hvordan rettes koden så den passer også i IE?
Avatar billede or.han Nybegynder
18. december 2005 - 17:45 #3
Du kan forhindre dette ved at bruge:

overflow:hidden;

i body...
Avatar billede webrex Nybegynder
18. december 2005 - 17:46 #4
Her er koden:
<!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" />
    <style type="text/css">
        html, body {
        height: 100%;
        width: 100%;
        background-color: #FFFFFF;
        margin: 0px;
        padding: 0px;
    }
   
/* Grundstruktur */

    #side {
        height: 100%;
        width: 100%;
    }   
    #top {
        height: 15%;
        width: 100%;
    }
    #indhold {
        height: 75%;
        width: 100%;
    }
    #menu {
        height: 20px;   
    }
    #indtab{
        height: 100%;
        width: 100%;
    }
    #bottom {
        height: 10%;
        width: 100%;
    }   
    </style>

</head>
<body>
    <table border="1" cellspacing="0" cellpadding="0" id="side">
    <tr id="top"><td>dd</td></tr>
    <tr id="indhold"><td>
            <table border="1" cellspacing="0" cellpadding="0" id="indtab">
            <tr id="menu"><td>d</td></tr>
            <tr><td>d</td></tr>
            </table>
            </td></tr>
    <tr id="bottom"><td>sd</td></tr>   
    </table>
</body>
</html>
Avatar billede webrex Nybegynder
18. december 2005 - 18:06 #5
or.han - smid et svar det virker, men det er nu bare mærkeligt, at IE laver scroll - hvad skyldes det? Det vil jeg hellere vide - så jeg lære af det!

Og det andet spgm. måske skal jeg stille et seperat spgm. men hvorfor virker ovenstående kode i kommentar 18/12-2005 17:46:58 ikke på samme måde som i Mozilla Firefox som er den ønskede - så hvordan rettes den så den virker som Mozilla Firefox i IE også`?
Avatar billede or.han Nybegynder
18. december 2005 - 18:18 #6
Det med scroll ved jeg ikke og det andet har jeg heller ikke set før. Men det skyldes nok at jeg altid arbejder med div's når jeg laver min opbygning...
Avatar billede webrex Nybegynder
18. december 2005 - 18:24 #7
Ok, men det som du ser i Firefox hvis du bruger koden - sådan en simpel struktur vil du ikke kunne lave i divs! - Er du enig?
Avatar billede webrex Nybegynder
18. december 2005 - 18:35 #8
- Jeg opretter et nyt spgm.
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