kan man lægge to divtags oven på hinanden ud fra en tredje?

NB: i overskriften burde jeg nok have skrevet "kan man lægge to divtags oven på hinanden ud for en tredje?"

Hvis du kigger i det andet spørgsmål, kan du se teknikken, hvis det er et element, der skal sidde nederst til højre i det overordnede relativt positionerede element, skal det bare positioneres absolut og have right:0;bottom:0; !-)

øv jeg troede jeg havde sendt svar for længst...

jeg har forsøgt, men fik problemr med at menun lagde sig i yderste højre bundhjørne af skærmen, selvom jeg havde placeret menudiv-tag'en i banner divtag'en, Og skrevet i css'en om menuen at den skulle placeres som anvist af roenving.

Prøv:

<div style="position:relative;height:150px;width:600px;/*flere styles*/border:1px solid green;">
  <div style="background:red;position:absolute;bottom:0;right:0;width:350px;height:20px;">Dette ligger nederst til højre i den omkransende div</div>
<div>

roenving: jeg kan godt se at dit virker, men jeg kan ikke (finde ud af at?) integrere den i mit webdesign.

en anden ting er at der jo er to der skal ligge pænt ved siden af hinanden. den ene lægger sg, når jeg pøver mig frem efter din anvisning, fint. Den andne flyver rundt!?

F.eks.

<div style="position:relative;height:150px;width:600px;/*flere styles*/border:1px solid green;">
  <div style="width:150px;height:150px;float:left;background-image:url(svalernelogo.gif);"></div>
  <div style="float:left;width:448px;height:150px;">
  Det, der skal være i headeren/banneret</div>
  <div style="background:red;position:absolute;bottom:0;right:0;width:350px;height:20px;">Dette ligger nederst til højre i den omkransende div</div>
<div>

Tak for svaret, det varinspirerende men ikke helt rigtigt. Med en tilføjelse, blev det færdigt og så skal man huske at skrve px bag det antal pixels, denene menu skal løfte sig over den anden:

F.eks.

<div style="position:relative;height:150px;width:600px;/*flere styles*/border:1px solid green;">
  <div style="width:150px;height:150px;float:left;background-image:url(svalernelogo.gif);"></div>
  <div style="float:left;width:448px;height:150px;">
  Det, der skal være i banneret</div>
<div style="background:green;position:absolute;bottom:20px;right:0;width:350px;height:20px;">denne grønne burde ligge lige ovenpå den røde linie &quot;bottom:20&quot;</div>
<div style="background:red;position:absolute;bottom:0;right:0;width:350px;height:20px;">Dette ligger nederst til højre i den omkransende div</div>
<div>

vil du have points? ..ja! C'mon!

Det er rigtigt, i css er kun længden 0 gyldig uden længdeenhed, ellers skal der bruges f.eks. px (eller cm til papir-udskrift !-)

Velbekomme '-)

tak :o)

-- og jeg takker for point ;~}