Border på body

Beklager men det ser vist ud til at virke alligevel. :o)

en lille forenkling:

body {
    background: #A3A300;
    border-left: 15px solid #FFF;
    height: 100%;
    margin: 0;
}

Tak - der er lidt ekstra point hvis du kan svare på hvorfor nedenstående laver en vandret skrollbar i bunden på Mozilla:

body {
    background-color: #A3A300;
    border-left: #FFFFFF solid 15px;
    height: 100%;
    margin: 0;
    padding: 0;
}

#top {
    background-color: #663300;
    border-left: #666600 solid 15px;
    height: 45px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

Gør den ikke i min(e) Mozilla(er)

Det burde den ellers gøre!!

Forklaring følger:
Måden man udregner et elements bredde på er:
  margin-left
+ border-left
+ padding-left
+ width
+ padding-right
+ border-right
+ margin-right

Du har sat width til 100%, og lægger derefter en border på 15px til... Tadaaaa!!

IE vil vise den på den "rigtige" måde. Altså ikke den rigtige, fordi det SKAL udregnes som jeg har beskrevet, men IE udregner den forkert! Den lægger nemlig border'en ind under padding'en, så border bliver til det der i CSS3 hedder outline (Mozilla: -moz-outline: XXpx;). Findes der ingen padding, lægger IE border'en ind under indholdet, hvilket også er forkert...

You get the picture! ;)

>>schaefner
Det med at skrive margin: 0; er lidt noget fy!! Der SKAL være en betegnelse efter, ifølge W3C!!

Gyldige betegnelser er:
in, cm, mm, pt, pc, em, ex, px, % og auto.
http://www.w3.org/TR/REC-CSS2/box.html#value-def-margin-width Definitionen på margin størrelse.
http://www.w3.org/TR/REC-CSS2/syndata.html#value-def-length Definitionen på længde enheder.

//hermandsen

Gør den i min(e) Mozilla(er)
Der var vist kommet et "ikke" forkert i byen ;-)

Men hermandsen:

her er hvad http://jigsaw.w3.org/css-validator/ siger til margin:0; :

"No error or warning found

To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML.
Valid CSS information

    * body {
          o background-color : #a3a300;
          o border-left-color : #ffffff;
          o border-left-style : solid;
          o border-left-width : 15px;
          o height : 100%;
          o margin : 0;
      }"

værdien 0 er eneste værdi der er tilladt "rå". Ved alle andre værdier skal man præcisere om det er æbler, % eller px.

nul er nul lige meget om det æbler, pærer eller procenter :)

hermandsen >> Jeg ville skam heller ikke skrive hvis ikke det var korrekt :)

Hmmm... Så lad gå da!! ;)
Så lærte jeg også noget i dag!!

>>schaefner
Skulle også undre mig hvis du kunne finde på at skrive noget forkert!!
Om ikke andet synes jeg stadig lidt det er noget gris!! :)

det er jo så en smags sag. Hvis jeg kan spare de to tegn, så gør jeg det gerne ;)

schaefner >> lægger du et svar?

Lukker.