Opret dette i css eller table html

Hvad skal du have i side-boksene ?-)

Se evt. her: http://www.pes.frac.dk/divs.GIF

Jeg skal ikke have noget i dem, men blot kunne styre bottom-border... Måske lettest at indrømme at jeg vil lave noget lign. http://www.skype.com/intl/da/ - opbygger dog selv - og vil have boksene i siderne, sådan at jeg kan lave samme skyggelinje horisontalt som i linket overbilledet. (kan du se, hvad jeg mener)?

Hvis du ingenting skal have i sideboksene, lægger du bare to elementer ovenpå hinanden:

<div style="background: url(skyggestreg.gif) bottom left repeat-x;height:150px;">&nbsp;</div>
<div style="position:absolute;top:0;left:50%;width:680px;margin-left:-340px;background: url(skyggestreg.gif) bottom left repeat-x;height:150px;">
<!-- din top -->
</div>

I det eks. du har lavet mangler højre boks da? Men under alle omstændigheder havde jeg bare tænkt mig at få skyggen frem ved brug af bottom-border på højre og venstre hjørneboks og den div (som ikke er tegnet i linket) men som ligger under alle 3 bokse? Ønsker den bedste, letteste løsning... float? table?

Ok, forstår dit eksempel nu, men fx på skype siden er der ikke skygge i det vi kunne kalde midter top-boksen, men kun i sideboksene! - hvordan vil du så løse det problem?

Forstår du?

I hvert fald lavet den sådan indtil videre, fungerer ok so far: div#headright {
    height: 86px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: #fefefe url("../images/hshadow.png") repeat-x scroll bottom left;
}
div#header {
    position: absolute;
    top:0;
    left:50%;
    height: 86px;
    width: 850px;
    margin-left: -425px;
    background: #fefefe url("../images/top.png") no-repeat scroll top center;
}

Og så må du hellere smide et svar, tak for hjælpen... Kom til at tænke på følgende, måske du hurtigt lige kunne forklare:

Spg1: I løsningen lægger man en absolut positioneret boks oven på en anden. Hvornår bør/ skal man bruge z-index til dette, hvis man kan gøre dette uden at bruge z-index.

Spg2: Dit forslag til mest korrekt måde at styre tekst placering i div-bokse?

1. Hvis man skal placere dem ovenpå hinanden i anden rækkefølge end koden er skrevet i, vil z-index ofte være det rigtige, men det er altså overflødigt, hvis det skrives f.eks. lige efter ...

2. I hvilken sammenhæng ?-)

-- nogen gange vil det være simplest at lave en text-align, andre gange vil det være bedst at bruge padding, og i nogle tilfælde er det bedst at styre med andre elementer, der placeres absolut !-)

Ok.
Ad 2: Det var bare sådan generelt. For når jeg sidder og koder, er jeg tit i tvivl om, hvad der er den smarteste måde at styre teksten på. For ofte udvides boksen, hvis man angiver for stor padding, margin og med hensyn til centrering vertikalt - findes ikke nogen css-løsning som er ligeså enkelt som, den der bruges i tables - valign...

/Du glemte at lægge et svar ;)

Indtil CSS3 implementeres fuldt i de normalt anvendte browsere, vil der ikke findes nogle mere generelle løsninger, der kan imitere en tabelcelles vertikale centrering ...

-- og da den mest anvendte browser først i sin senest præsenterede udgave har gjort noget alvorligt ud af, at implementere CSS1 og dele af CSS2 (og jeg har ikke det fjerneste overblik over hvor meget !-), tror jeg det har lange udsigter ...

-- els velbekomme '-)

-- og tak for point ;~}