20. januar 2004 - 13:48Der er
20 kommentarer og 2 løsninger
Ser forkert ud i Opera - need guidance.
Hej,
Jeg bruger ofte style=margin:0px for at få siden helt i top (uden margins heh), men i opera går dette galt. Findes der noget andet man kan skrive som virker i både IE og Opera?
Hvis det er hele dokumentet du gerne vil have trukket helt op til overkanten af vinduet, skal du huske at sætte margin for html og body:
html {height:100%;} body {margin:0px;height:100%;}
Hvis det første element for oven så også rummer en margin, skal denne ligeledes sættes til 0, så den ikke skaber luft. Er det en <h1> overskrift bliver det altså:
Jeg skal måske lige tilføje, at jeg sætter højden på HTML og BODY til 100% når jeg selv tilstræber at få layout til at tage sig ens ud i alle browsere. Hvis du så laver et TABLE som skal fylde hele højden, vil den også gøre det i de forskellige browsere. Ellers vil den i nogle browsere kun fylde BODY ud, og den udvider sig efterhånden som du lægger indhold i, med mindre man altså specifikt har sat den til 100%
sbm: Synes da ikke, hans spørgsmål på nogen måde er diffust. Det nytter ikke at bruge margin på body i opera, derfor er han nødt til at fjerne padding'en.
ldrada >> Det er ikke korrekt. Prøv at oprettet et dokument og indsæt så
html {height:100%;border:3px solid green}
Åben så f.eks. dokumentet i Mozilla. Du vil se at den grønne border går hele vejen rundt langs vinduets kant. Hvis du så fjerner de 100% i højde, ser linien således ud:
html {border:3px solid green}
Hvis dokumentets indhold ikke fylde hele højden ud, vil du se at den grønne border slutter sig tæt rundt om indholdet på siden, og går ikke længere helt ned til bunden.
Og det er ikke uinteressant, hvis du eksempelvis laver en tabel med højde=100% hvor du gerne vil lave en footer på siden. Det vil ikke kunne lade sig give sig i Mozilla uden sådanne tiltag.
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.