Søg
Avatar billede curriculum Nybegynder
15. oktober 2005 - 02:43 Der er 4 kommentarer

height på body

Et problem som jeg aldrig har løst er alt få den her kode til at fungere til Opera...

body{ height: 100%; }

Ved nogen hvorfor ? og hvordan jeg løser problemet ?
Avatar billede apo Praktikant
15. oktober 2005 - 04:04 #1
Og du har indsat en fuld DTD (Med link!)?

F.eks.:

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

DTD'en med linket er vigtig for afviklingen af CSS.
Avatar billede roenving Novice
15. oktober 2005 - 16:20 #2
-- og hvis browseren er i standards mode, er det også nødvendigt med højde på dokument-elementet:

html,body{height:100%;}
Avatar billede curriculum Nybegynder
10. november 2005 - 19:03 #3
Her er hele html koden, den virker bare ikke....

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

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title id="Title1" runat=server>Website</title>
    <style>
        HTML, BODY {
            color: #000000;
            background-color : #eff0e7;
            width: 100%;
            height: 100%;
            text-align: left;
            margin: auto;
            padding : 0px;
            overflow: auto;
        }
    </style>
</head>
<body marginheight=0 marginwidth=0 topmargin=0 leftmargin=0>
    <form id="Form1" runat="server">
    <div id="main" align="center">
        <table width="100%" height="100%" border=0 cellpadding=0 cellspacing=0 style="height:100%;">
            <tr height="100%" style="height:100%;">
                <td height="100%" style="height:100%;" valign=top align="center">
                    <table width="800" height="100%" cellpadding=0 cellspacing=0 bgcolor="#ffffff">
                        <tr>
                            <td valign=top>
                                <table cellpadding=0 cellspacing=0 width="800">
                                    <tr valign=top>
                                        <td align=center height="88">TOP IMAGE</td>
                                    </tr>
                                    <tr valign=top>
                                        <td valign="top" align="center">
                                            <table width="792" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td align="left" valign="middle" height="43">Menu</td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr valign=top>
                                        <td valign="top" align="center" height="89">RANDOM IMAGE</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                        <tr height="100%" style="height:100%;">
                            <td height="100%" style="height:100%;" valign=top>
                                <table width="800" height="100%" cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td valign="top" align="center">
                                            <table width="792" height="100%" cellpadding="0" cellspacing="0">
                                                <tr>
                                                    <td valign="top" align="left" width="182">
                                                        <table width="100%" cellpadding=0 cellspacing=0>
                                                            <tr>
                                                                <td align=center>Left</td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td valign="top" align="left">
                                                        <table width="100%" cellpadding=0 cellspacing=0>
                                                            <tr>
                                                                <td align=center>Middle</td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td valign="top" align="left">
                                                        <table width="100%" cellpadding=0 cellspacing=0>
                                                            <tr>
                                                                <td align=center>Right</td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                </tr>
                                            </table>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" valign="bottom" height="34">BOTTOM - LOGO</td>
                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</HTML>
Avatar billede roenving Novice
11. november 2005 - 06:22 #4
Du mangler da type-attributten på style-tagget:

    <style type="text/css">

-- det er måske ikke nok til at løse dit problem, men alle den slags ting skal jo også være i orden ...

-- og så sætter du en højde på 100% i nogle af dine elementer, som skal optage resten, det kan man ikke med en gyldig css-fortolkning !-)
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
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
I går 17:10 Windows 10 Home 22H2 produktnøgle Af Uvanga i Windows
05/0810:19 Kan jeg beholde Publisher på min maskine efter at MS stopper med support Af KurtG i Office & Kontorpakker
02/0814:53 TV4ever 3.0 Af valby i Diverse
01/0816:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
White papers
Flere white papers »