dreispaltiges layout - probleme

[mustang]

Hallo Leute,

ich habe ein Problem, mit einer neuen Website bei einem dreispaltigen Layout.

folgenden Aufbau möchte ich erreichen:

#################################.....####
############## Header##############.....####
#################################.....####

##### ##### #####################.....####
##### ##D## #####################.....####
##M## ##E## #####################.....####
##E## ##S## ####INHALT############.....####
##N## ##I## #####################.....####
##Ü## ##G## #####################.....####
##### ##N## #####################.....####
##### ##### #####################.....####

mein Problem ist nun:
ich möchte den Inhaltsbereich für unterschiedliche Auflösungen veränderlich gestalten. das heißt das gesamte design soll 80% der bildschirmbreite einnehmen.

demnach soll:
- der header seine breite auf immer 80% anpassen
- das menü immer von der breite gleich bleiben
- der teil für designelemente immer gleich bleiben
- und der inhaltsbereich 80% minus menü und design groß sein

ich habe nun folgende lösung probiert:

- header bekommt die angabe 80%
- das menü eine angabe von 120px
- der designteil 50px
- eine angabe für den inhalt habe ich nicht (funktioniert ja nicht, da ja 80%-(120px+50px) weder eine angabe in %, noch in px sind.

leider hat das ganze nicht ganz funktioniert. das heißt die drei "spalten" unten, sind nicht an den definierten positionen.
ich habe es nun mit align="left" für das menü und den designteil probiert, aber leider erkennt das nur der firefox, nicht aber der internet explorer...

was nun??

mein HTML-code:
---------------------------------
<table id="Tabelle_01" width="80%" height="563" border="0" cellpadding="0" cellspacing="0">

<tr>
<td colspan="3">
HEADER</td>
</tr>

<tr>
<td width="120" align="left">
MENU</td>

<td width="50" align="left">
<img src="Bilder/design_03.jpg" width="50" height="357" alt=""></td>

<td>
INHALT </td>
</tr>

</table>
--------------------------------

PS.: ja ich habe erstmal eine tabelle gemacht^^ erleichtert mir den ersten aufbau meines designs.

 

[threadi]

ich möchte den Inhaltsbereich für unterschiedliche Auflösungen veränderlich gestalten. das heißt das gesamte design soll 80% der bildschirmbreite einnehmen.

Webseiten werden nicht an Bildschirmbreiten ausgerichtet. Wie willst Du das denn erreichen? Du kannst sie höchsten an den Viewport ausrichten.

was nun??

Auch wenn es dein erstes "Design" ist solltest Du nicht mit Tabellen anfangen. Denn wie Du merkst bereiten diese nur Probleme. Verzichte auf Tabellen, mache das Design so wie es gedacht ist per CSS - dann klappt auch dein Wunsch.

 

[Space Vampire]

ich unterstreiche mal threadis aussage.
tu dir selber einen gefallen und lerne wenigstens in grundzügen CSS damit du deinen seitenelemente damit anordnen kannst.

tabellenlayouts sind zwar anfängerfreundlich, ziehen aber einen haufen probleme nach sich.

nichts desto trotz hier ein lösungsvorschlag für dein ansinnen.

 <table border="0" cellpadding="0" cellspacing="0" width="80%" id="wrapper">
  <tr>
   <td>
   HIER
   DER
   HEADER
  </tr>
  <tr>
   <td>
 
  <table border="0" cellpadding="0" cellspacing="0" width="100%" id="content">
   <tr>
    <td width="120">
    HIER
    DAS
    MENÜ
    <td width="50">
    DE
    SI
    GN
    </td>
    <td>
    INHALT</td>
   </tr>
  </table>
 
   </td>
  </tr> 
</table>

 

[sysop]

oder dein bester freund