Avatar billede dudepres Nybegynder
20. januar 2004 - 13:48 Der 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?

Rgs
Me For Pres - vote "ME!".
Avatar billede dudepres Nybegynder
20. januar 2004 - 14:32 #1
Ingen som ved det?
Avatar billede nak-m Nybegynder
20. januar 2004 - 14:41 #2
Prøv at skriv:

margin: 0px; padding: 0px;
Avatar billede sbm Nybegynder
20. januar 2004 - 15:01 #3
Har du et link man kan se på?

Taler vi om margin på hele dokumentet, eller på en tabel, eller noget helt tredje?
Avatar billede sbm Nybegynder
20. januar 2004 - 15:04 #4
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å:

h1 {margin:0px;}
Avatar billede sbm Nybegynder
20. januar 2004 - 15:32 #5
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%
Avatar billede nak-m Nybegynder
20. januar 2004 - 15:35 #6
Opera fungerer ikke på samme måde i denne situation (lidt mere korrekt, måske). Det er nødvendigt at sætte fjerne paddingen.
Avatar billede sbm Nybegynder
20. januar 2004 - 15:38 #7
Ehm.... Jeg kan ikke lave et præcist svar på noget diffust... :-)

Kan du ikke smide noget eksempel-kode eller et link?
Avatar billede nak-m Nybegynder
20. januar 2004 - 15:39 #8
og der skulle naturligvis ikke stå "sætte" nogen steder :)
Avatar billede nak-m Nybegynder
20. januar 2004 - 15:41 #9
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.
Avatar billede ldrada Nybegynder
20. januar 2004 - 15:44 #10
Man kan ikke style html tagget. Det giver ingen effekt.
Avatar billede sbm Nybegynder
20. januar 2004 - 15:52 #11
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.
Avatar billede sbm Nybegynder
20. januar 2004 - 15:53 #12
nak-m >> Du har ret. Jeg slog det lige op. Jeg glemte selv at tilføje padding i mit indlæg, så body skal se således ud:

body {margin:0px;padding:0px;height:100%}
Avatar billede nak-m Nybegynder
20. januar 2004 - 16:05 #13
Hvis man vel være sikker på, at tingene tager dimensioner, og ikke har padding, kan man jo bare skrive:

html, body { width: 100%; height: 100%; margin: 0px; padding: 0px }

så burde man være dækket ind.
Avatar billede ldrada Nybegynder
21. januar 2004 - 10:46 #14
Jeg er ikke helt sikker på om styling af html tagget er W3C kompatibelt.
Samme effekt som sbm beskriver opnås ved styling af body.
Avatar billede dudepres Nybegynder
21. januar 2004 - 11:29 #15
Jøsses sikke en masse svar :).

Mit ccs er ikke lige så stærkt så hvor skal f.eks. html, body { width: 100%; height: 100%; margin: 0px; padding: 0px } stå?
Avatar billede sbm Nybegynder
21. januar 2004 - 12:10 #16
<html>
<head>
<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0px; padding: 0px }
</style>
</head>
<body>

osv.....
Avatar billede dudepres Nybegynder
21. januar 2004 - 12:36 #17
Gracias :)
Avatar billede ldrada Nybegynder
21. januar 2004 - 13:16 #18
Dog helst i en ekstern fil.
Avatar billede sbm Nybegynder
21. januar 2004 - 13:20 #19
For den smule? Det vil jo næsten fylde mere tekst at lave et link, end at smide teksten ind i dokumentet. :-)
Avatar billede ldrada Nybegynder
21. januar 2004 - 13:24 #20
sbm> Jeg siger det i tilfælde af hvis han har et større CSS ark.
Avatar billede sbm Nybegynder
21. januar 2004 - 13:28 #21
Da han lige har bedt om at få oplyst hvor det skal stå, kan jeg ikke forestille mig der er andet end den CSS der lige er blevet foreslået.

Men ok, det er selvfølgelig en god idé at skrive sig det bag øret.
Avatar billede dudepres Nybegynder
21. januar 2004 - 15:21 #22
Det virkede efter hensigten så.. :).

Nu er det netscape som driller... http://www.eksperten.dk/spm/454931
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