Avatar billede thomastolborg Nybegynder
26. november 2004 - 12:19 Der er 3 kommentarer

Body speciel opførsel med background-color og margin

Hvis man sætter background-color på <body>, så fylder farven hele browser vinduet. Man må derfor antage at <body> har margin:0px;
Det antager jeg fordi background-color ifølge CSS 2.1 (http://www.w3.org/TR/CSS21/colors.html#q2) fylder content, padding og border. Margin er altid transparent.

Men hvis jeg laver en <div> som child til body, så går den ikke ud til kanten af browser vidnuet før jeg sætter <body> margin:0px;
Hvorfor??

Så vidt jeg kan forstå burde det være padding på <body> som gør, at  <div> ikke går ud til kanten.

Se eksempel hvor <div> ikke går ud til kanten selvom body har padding:0px
http://www.tolborg.dk/bodypadding.html

Se eksempel hvor <div> GÅR ud til kanten - men det er nødvendigt at sætte margin:0px på body.:
http://www.tolborg.dk/bodymargin.html
Avatar billede roenving Novice
26. november 2004 - 12:46 #1
Forklaringen kan jeg ikke give dig, men bl.a. pga. disse problemer bruger jeg som standard denne i mine dokumenter:

<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;}
</style>
Avatar billede thomastolborg Nybegynder
26. november 2004 - 13:56 #2
Det lader til at <html> elementet bruger <body> elementets background-color, hvis <html> elementets background-color ellers ville være transparent.
Så <body> elementet har faktisk en margin.
Der står desuden at den regel ikke gæder for XHTML dokumenter.

"For HTML documents, however, we recommend that authors specify the background for the BODY element rather than the HTML element. User agents should observe the following precedence rules to fill in the background of the canvas of HTML documents: if the value of the 'background' property for the HTML element is different from 'transparent' then use it, else use the value of the 'background' property for the BODY element. If the resulting value is 'transparent', the rendering is undefined. This does not apply to XHTML documents."
Avatar billede olebole Juniormester
27. november 2004 - 19:52 #3
<ole>

En væsentlig ting er, at dokumentet bliver served som 'text/html' ... der er med andre ord ikke tale om et XHTML-dokument. Skal det af browseren opfattes som et ægte XHTML-dokument, skal dokumentets MIME-type være 'application/xhtml+xml'. Det hjælper ikke noget, du i dokumentet sætter en content-type, hvis ikke din server sætter den korrekte i header'en - og det gør den ikke.

'application/xhtml+xml' er dog ikke understøttet af IE, hvorfor det er temmelig ligegyldigt at skrive XHTML i øjeblikket. XHTML er i øjeblikket et overgangsfænomen, der ikke er nogen særlige fordele ved at bruge. Det bedste råd, man kan give, er: Vent til XHTML2.0 kommer - og bliver understøttet  :)

/mvh
</bole>
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