Conny: Noch eine Frage zum dreispaltigen Layout

Hallöchen ihr,

gestern hatte ich eine Frage bezüglich eines dreispaltigen Layouts gestellt (Danke, Ingo, die Antwort hat geholfen.). Nun habe ich noch ein Problem, bei dem ich keine Idee habe, wie ich es lösen könnte. Und zwar ist der mittlere Teil (für den Inhalt) farblich hinterlegt. Wenn nun in der linken und/oder rechten Spalte mehr Text steht als im Inhaltsbereich, wird der Inhaltsbereich jedoch nicht mitverlängert, was ich aber gerne hätte. Kann man das überhaupt (mit dieser Seitenstruktur) erreichen?

Im Anschluss die Grundstruktur, wie die Seite jetzt aussieht. Vieleicht hat ja jemand einen Hinweis für mich.

Gruß,
Conny

<body style="margin-left:10%; margin-right:10%; margin-top:30px;">
<div style="background-color:#;">
 <div style="background-color:#;"><img></div>
 <div style="float:left; width:150px;"></div>
 <div style="float:right; width:150px;"></div>
 <div style="margin-left:150px; margin-right:150px; padding:10px; background-color:#;"></div>
 <div style="background-color:#; height:30px;"></div>
</div>

  1. Mahlzeit.

    <body style="margin-left:10%; margin-right:10%; margin-top:30px;">
    <div style="background-color:#;">
    <div style="background-color:#;"><img></div>
    <div style="float:left; width:150px;"></div>
    <div style="float:right; width:150px;"></div>
    <div style="margin-left:150px; margin-right:150px; padding:10px; background-color:#;"></div>
    <div style="background-color:#; height:30px;"></div>
    </div>

    Welches von denen ist denn jetzt die Spalte mit dem Inhalt?

    MFG
    Griever

    --
    LOOK MY PAGE!
    1. Hi,

      Welches von denen ist denn jetzt die Spalte mit dem Inhalt?

      Upsalla, ich wollte es eigentlich noch reinschreiben.

      <div style="background-color:#;">CONTAINER ANFANG
          <div style="background-color:#;">OBEN</div>
          <div style="float:left; width:150px;">LINKS</div>
          <div style="float:right; width:150px;">RECHTS</div>
          <div style="margin-left:150px; margin-right:150px; padding:10px; background-color:#;">INHALT</div>
          <div style="background-color:#; height:30px;">UNTEN</div>
      CONTAINER ENDE</div>

      1. Tag Conny.

        Ein leeres DIV mit "clear:both" am Ende des mittleren DIV sollte helfen.

        Siechfred

        1. Ein leeres DIV mit "clear:both" am Ende des mittleren DIV sollte helfen.

          Ja Hallelujah, du bist ein Schatz!

          Gehe ins Bett mit dem Gefühl heute mindestens einen Menschen glücklich gemacht zu haben. :-)

          Conny

  2. Hallo,

    Im Anschluss die Grundstruktur, wie die Seite jetzt aussieht. Vieleicht hat ja jemand einen Hinweis für mich.

    Vielleicht klappts ja bereits mit dem Hinweis von Siechfred.

    Unabhängig davon fände ich es gerade auch zum testen und zur Veröffentlichung hier
    sehr vorteilhaft die Stylenagaben in einem CSS-Bereich im Head zu haben.
    Wenn die Elemente dann noch intuitiv stimmige IDs erhalten wirds noch besser.
    Dein Code mit den Inlyestyles ist (vmtl. nicht nur für mich) ungewohnt und unübersichtlich,
    und vor allem ist er bei Styleänderungen unhandlich.

    Grüsse

    Cyx23