Nadine: Umstrukturierung eines Tabellen-Layouts nach DIV

Hallo!

Wie wandle ich dieses simple Layout komplett nach DIV um?

<table>

<tr><td colspan=3 height=50>Logo</td></tr>

<tr>
<td width=150 height=300>Menü</td>
<td width=300>Content</td>
<td width=150>Menü</td>
</tr>

<tr><td colspan=3 height=50>Copyright</td></tr>

</table>

Die einzelenen Container sind ja klar:

<div id=logo style=position:relative;width:600px;height:50px>Logo</div>

<div id=menulinks style=position:relative;width:150px;height:300px>Menü</div>

<div id=content style=position:relative;width:300px;height:300px>Content</div>

<div id=menurechts style=position:relative;width:150px;height:300px>Menü</div>

<div id=copyright style=position:relative;width:600px;height:50px>Copyright</div>

Allerdings WIE werden die jetzt richtig positionert?

Wenn ich die hinschreibe wie oben, dann werden die ja lediglich untereinander positioniert.

Die Ausrichtung sollte wenn möglich nicht "absolute" am Browserrand sein, sondern eher anhand vom #logo-Container oder so.

Wer weiß einen Tipp?

Danke,
Nadine

  1. Hi,

    Bitte lies http://de.selfhtml.org/css/layouts/ und vergesse zunächt die Eigenschaft position.

    freundliche Grüße
    Ingo

    1. Hi Ingo!

      [...] vergesse zunächt die Eigenschaft position.

      Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)

      MfG Hopsel

      --
      "It's amazing I won. I was running against peace, prosperity, and incumbency."
      George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
      Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
      1. Hi,

        [...] vergesse zunächt die Eigenschaft position.

        Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)

        müßte ich das jetzt verstehen?

        freundliche Grüße
        Ingo

        1. Hi,

          Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)

          müßte ich das jetzt verstehen?

          *g* ok, hat etwas länger gedauert. ;-)

          freundliche Grüße
          Ingo

      2. Hallo Hopsel,

        [...] vergesse zunächt die Eigenschaft position.

        Versuch mal fünf Minuten lang, nicht an Eisbären zu denken. :)

        Ich finde, dass nicht an rosa Elefanten zu denken besser funktioniert. >:)

        Grüße aus Barsinghausen,
        Fabian

        --
        "It's easier not to be wise" - < http://www.fabian-transchel.de/kultur/philosophie/ialone/>