Platz füllen

[Mageta]

HalliHallo da draußen,

ich hab mal wieder ne kleine Frage an euch. Und zwar bin ich seid einiger Zeit, in der Firma hier, für einen Webshop zuständig. Vorerst nur experimentel, weil wir die Software ausprobieren müssen, dazu gehört natürlich auch design (man will ja nicht mit einem design aus der Tube im Internet auftreten ^^).

Da unser Kreativmensch aber mittlereile nur noch 2 Tage die Woche bie uns ist, wurde ich mehr oder weniger daran gesetzt nen Überblick zu verschaffen und bei meinen Versuchen bin ich auf ein kleines Probelm gestoßen.

verdeutlicht sieht man das hier (nicht wundern, das ist nur ein Test und z.b. das menü links hab ich noch nichmal angefangen ^^')

Das Problem ist das Hauptfeld, was ich zum Test auch mal mit einem Rahmen versehen hab. Das Problem ist, das ich es nicht hinbekomme dem Feld in der Mitte (da wo "Willkommen im Shop" drin steht) zu sagen "Fülle den Rest des Hauptfeldes aus". Das Feld is von dem Menü oben abgetrennt (hab ich auch mal zum anschauen mit nem Rahemn versehen) und stellt einfach ne div-box dar.

Gibt es da eventuell einen Weg?

grüße,
Mageta

[feuervogel]

ohne uns die webseite zu zeigen so dass wir uns den code angucken können, ist da schwer zu helfen...

[Mageta]

harm. Das is nich so ganz einfach ^^'
Ich weiß nicht ob es reicht, aber eventuell hilft das:

    <table class="Middle" summary="{LayoutTable}">
      <tr>#IF(#Style.LeftIsVisible)
        <td class="NavBarLeft" abbr="{NavBarLeft}" rowspan="2">
          #INCLUDE("NavBarLeft")
        </td>#ENDIF
        <td class="InnerArea ContentCell" abbr="{ContentArea}"> <!-- Hier faengt der mittlere Teil an -->
          <div class="InnerTop"> <!-- hier wird, wen ausgewählt, die navigationsleiste angezeigt -->
            #IF(#Style.TopIsVisible)
            <div class="NavBarTop">
              #INCLUDE("NavBarTop")
            </div>
            #ENDIF
          </div>
          <div class="ContentArea"> <!-- das is dann das wo "Willkommen im Shop" drin steht -->
            #INCLUDE("Content")
          </div>
        </td>#IF(#Style.RightIsVisible)
        <td class="NavBarRight" abbr="{NavBarRight}" rowspan="2">
          #INCLUDE("NavBarRight")
        </td>#ENDIF
      </tr>
      <tr>
        <td class="InnerArea" abbr="{FooterNaviagtion}" >
            #IF(#Style.BottomIsVisible)
              <div class="NavBarBottom">
                #INCLUDE("NavBarBottom")
              </div>
            #ENDIF
         </td>
      </tr>
    </table>

Das ist eigentlich die Tabelle die für den Bereich in der Mitte zuständig ist. Das eingerahmte is das wo ich class="InnerArea ContentCell" drin steht. Sieht man ja aber eigentlich ^^.
Ich hoffe das reicht so.

[Andes]

Der komplette Quelltext dieser Seite wäre besser gewesen. Es ist zum Beispiel entscheidend für die Darstellung welchen Doctype du verwendest.
Ohne die CSS-Definitionen zu kennen, kann man auch kaum was sagen.
Eins kann ich dir aber jetzt schon sagen. Tabellen sind keine Layout-Element und nicht für diese Art von Einsatz gedacht. Bei Tabellen kann es immer wieder zu Problemen mit den verschiedenen Browsern kommen. Verwende stattdessen lieber DIV-Boxen. Dies macht deinen Quelltext schlanker, übersichtlicher und sie lassen sich vielseitiger einsetzen.

[Mageta]

Hmm ok, wen du meinst, das du dne ganzen Quell brauchst. Dort ist die Seite (also nur die, wo ich das prob hab. Mit Css-Datei

http://www.mageta.org/download/test/startseite.html
http://www.mageta.org/download/test/StorefrontStyle.css

Beide Dateien, vor allem die CSS sind für die ganze Page von nem cms-system erstellt. Deshalb ist z.b. in der css-datei viel drin was jetzt nich zu der aktuellen Seite gehört. Deswegen wollte ich es auch erst nich posten weil ich mal dneke das wenige wirklich lust haben sich da durchzufriemeln ^^.. ich hab ja auch eigentlich keine xD

Der Typ und alles is vom CMS-System bestimmt. Ich habe lediglich die cssdaten bearbeitet (bisher).
Im allg. bin und wra ich der überzeugung das dieses System seine Arbeit dahingehend gut macht.

[Andes]

Sorry, war durch die Rahmen etwas verwirrt. Nehme aber mal an, dass du das Ausfüllen in der Höhe meinst?
Nein, da gibt es keine zuverlässige Methode, die in allen Browsern funktioniert.
Das einzige was mir jetzt dazu einfallen würde. Wäre mittels Javascript die Höhe an das Elternelement an zu passen. Das dürfte sich bei deiner Seitenkonstruktion aber auch sehr umständlich gestallten.

[Mageta]

Gut. Danke für die Hilfe. Das mit der Fensterhöhe weiß ich zwar, aber ich stimme dir voll und ganz zu wen du sagst, das das etwas umständlich währe ^^.

Naja dann überarbeite ich das halt alles nochn bissel...