Hjælp til at placere 3 DIV's i forhold til hinanden

Du laver en omkransende div, en container, som du giver en bredde hvori der er plads til dine 3 andre divs og evt. margin-left: auto; og margin-right:auto, for at centrere den på siden.

Altså:

<div style="width:1200px; margin-left:auto; margin-right;auto;">
  <div style="float:left; width:300px;">
    &nbsp;
  </div>
  <div style="float:left; width:900px;">
    &nbsp;
  </div>
  <div style="float:left; width:300px;">
    &nbsp;
  </div>
</div>


That´s it :)

Hej stenger,

Det virker ikke helt. Venstre og højre div's bredde skal automatisk tilpasse sig deres respektive background images, hele midter-div'en skal altid have fast bredde. Hvis man formindsker sin opløsning eller sit browser-vindue, skal vnestre og højre div's bredde automatisk skrumpe. 

Prøv at se her hvordan jeg kan lave det med en tabel:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="width:auto; background-image:url(../left.jpg); background-repeat:no-repeat; background-position:top right;"></td>
    <td width="1003"> 
    </td>
    <td style="width:auto; background-image:url(../right.jpg); background-repeat:no-repeat; background-position:top left;"></td>
  </tr>
</table>

Jeg vil bare gerne uden om at bruge tabel og lave det i rene divs.

Mvh.

Du kan ikke få divs til at tilpasse sig til størrelsen på background-image, det går altid den anden vej. Altså, background-images reagerer ud fra størrelsen på divs.

Jeg kan ærlig talt ikke rigtig svare dig fyldestgørende på det, da jeg altid laver mine ting i fixed width. Dette skyldes at det oftest foregår i et CMS-system, der skal overleveres til kunden. Vil jeg være sikker på at designet ikke bliver totalt ødelagt af en ikke-teknisk kunde, så er jeg nødt til at begrænse dem og altså blandt andet lave mine ting fixed width :)

/Stenger

Hej ok - det virker fint for <td>'s med at tilpasse sig størrelsen efter et background image, men det kan godt være at de bare ikke opfører sig som divs.

Tænkte bare om man kunne undgå at bruge tabeller og så få samme resultat ud af det.

Divs opfører sig ikke som tabeller og du skal tænke lidt anderledes, når du benytter dem.

Til gengæld har du så nemmere ved at ændre layout og elementer senere hen, hvor tabeller (efter min mening) totalt låser dig fast.

Men ja, divs kræver en højde og en bredde, der svarer til baggrundsbilledet for at vise hele dette. Ellers "sluger" div´en bare noget af billedet.

/Stenger

jeg nupsede lidt fra jer begges eksempler. Dette burde virke efter hensigten.

NB! min-width bliver ikke respekteret af IE6

Hej aalandriel - jeg tester lige dit forslag på mandag :-)

aalandriel - > Det virker heller ikke helt, når browservinduet bliver for småt lægger de 3 div's sig i en stak ovenpå hinanden:

Left
Midt
Højre

Andre bud?

Lukker så.