bredde forskel på div i CSS

"Der må også gerne kommenteres på opbygningen af siden og CSS-filen generelt, da det er første gang jeg laver en side i div's og css"

- altså brugen af div's og ikke designet

Kik lidt på dette link http://www.w3.org/TR/CSS21/visudet.html#the-width-property

Som du kan se, er det din padding som gør at den ene div er bredere end den anden

Jeg havde forstået det sådan at width = margin + border + padding + content

Så "width", hvad er det lig med? content?

http://w3schools.com/css/css_boxmodel.asp

Så for at få de to layers A4 og indreskygges border til at være under hinanden, kan det så ikke passe at style for de to skal se således ud?

.A4 {
    background-color    :    #FFFFFF;
    border-left                :    1px SOLID #b0d4f7;
    border-right            :    1px SOLID #b0d4f7;
    border-bottom            :    1px SOLID #b0d4f7;
    border-collapse        : collapse;
    min-height                : 600px;
    margin-left                : auto;
    margin-right            : auto;
    padding                        : 8px;
    text-align                : left;
    vertical-align        : top;
    width                            : 968px;
}

.indreskygge {
    /*Background-image    : url(grafik/10x9gray.gif); */
    background-repeat    : repeat-x;
    background-color    :    #FFFFFF;
    border-left                :    1px SOLID #b0d4f7;
    border-right            :    1px SOLID #b0d4f7;
    border-collapse        : collapse;
    height                        : 9px;
    margin-left                : auto;
    margin-right            : auto;
    padding                        : 0px;
    text-align                : center;
    width                            : 976px;
}

? Prøv at se resultatet: http://test.klipper.dk/
http://test.klipper.dk/stylesheet.phps er ikke opdateret, men ser ud som pastet her.

Som du selv skriver er det width = margin + border + padding

Dvs. at margin er auto i dem begge og derved ens da de ser på det samme ydre mål.

Border er 1+1 = 2 i dem begge og derved samme mål

Padding er 8+8=16 for A4 og 0+0=0 for inderskygge

Så width skal være 16px mindre i A4 og ikke kun de 8 du har trukket fra, der er jo 8px i højre side og 8px i venstre side.

Husk at din stylesheet fil er en css og ikke en php fil som du har det nu.

Hvor er jeg dum! hehe
Den fejl laver jeg ALDRIG igen.

Jeg har defineret header i stylesheet.php til at være CSS, så den skulle være iorden?


Må jeg komme med et par ekstra spørgsmål:
1. Kan jeg med fordel bruge "position" på nogle af de forskellige divs?

2. Brugen af DIV's i html koden, er den OK eller gør jeg noget unormalt?

<ole>

Din header skal være (og husk, feltnavnet er case sensitive - og Type er med stort):
    <?php header("Content-Type: text/css; charset=utf-8"); ?>

Du kan godt bruge position:absolute, men du skal passe godt på med det - og hovedsageligt bruge den på enkelte, underordnede elementer.

/mvh
</bole>

Ole -> feltnavn, er det "Content-Type" du mener?

yups. Type er med stort i Content-Type - selvom det næppe giver fejl  =)

Ole og zips ligger i et svar

tak for deltagelsen

Se gerne mit næste spm http://www.eksperten.dk/spm/906466 :)

Her er et svar :-)

;o)

Tak for points  =)