Generelle Frage zum Layout

Status
Nicht offen für weitere Antworten.

RobertoCarlos

Grünschnabel
Hi!
Ich konzipiere zur Zeit ne neue Homepage.
Jetzt habe ich mal ne generelle Frage zum Layout.

für eine Seite der Form

Code:
|-------------------------------------|
|            Header                   |
|----|--------------------|-----------|
| M  |                    |    X1     |
| E  |                    |           |
| N  | CONTENT            |-----------|
| U  |                    |      X2   |
|    |                    |           |
|----|--------------------|-----------|
|       evtl. Footer                  |
|-------------------------------------|

(wobei X1 bzw X2 dann Counter oder News oder was auch immer sind)

was wäre da eurer Meinung nach das beste System?

Frames fallen sicherlich raus.Damit habe ich vor n paar Jahren selber schlechte html Pages gemacht :)

CSS alleine habe ich probiert (mit box Zuweisung), allerdings gibt´s es da Probleme mit der Positionierung (z.B. bei Änderung der Auflösung),daher denke ich sollte man dazu greifen,wenn man Dinge wirklich frei Positionieren möchte.

Bei so einem liearen Design wie bei meiner Wunschpage wäre die ideale Lösung doch wohl CSS plus Tabellen....Seht ihr das genauso?
Oder habt ihr irgendwelche anderen Tipps für mich?
Wollte das nur grundsätzlich klären,bevor ich anfange......

Die spezielleren Fragen kommen dann sicherlich in den nächsten Tagen/Wochen :)

danke schonmal

EDIT1:
gleich mal hinterhergefragt:

wie kann ich denn so ein Layout mit Tabellen realisieren?
Ich müsste ja z.B. für den [Menu,Content,X1,X2] Bereich 3 Spalten ,wobei die Dritte Spalte zwei Reihen hat......
bis jetzt habe ich es nur geschafft Tabellen zu machen, die immer die gleich Breite bzw Höhe haben und bei denen gilt spalte 1 - eine Reihe, also auch spalte 2 eine Reihe.....wie kann ich das umgehen?

muss ich mehrere Tabellen machen, oder geht das auch in einer?
Ich hoffe mein Problem wird aus meine Umschreibung klar.

Danke

EDIT2: kann das ein MOD bitte mal ins HTML-FORUM verschieben?
Ist vielleicht trotz Frage nach CSS nicht wirklich für dieses Forum geeignet (speziell seit "EDIT1".)

Danke
 
Zuletzt bearbeitet:

Gumbo

Erfahrenes Mitglied
Ich würde dir ebenfalls Tabellen empfehlen. Die wohl einfachste Lösung wär:
[color="2c2c8c"]
&nbsp;&nbsp;<table cellpadding="0" cellspacing="0" border="1" width="100%">
&nbsp;&nbsp;&nbsp;&nbsp;<tr><td colspan="3" class="oben">&amp;nbsp;</td></tr>
&nbsp;&nbsp;&nbsp;&nbsp;<tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="links">links</td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="mitte">mitte</td>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<td class="rechts">rechts
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<table cellpadding="0" cellspacing="0" border="1" width="100%">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>&amp;nbsp;</td></tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<tr><td>&amp;nbsp;</td></tr>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</table>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
&nbsp;&nbsp;&nbsp;&nbsp;</tr>
&nbsp;&nbsp;&nbsp;&nbsp;<tr><td colspan="3" class="unten">&amp;nbsp;</td></tr>
&nbsp;&nbsp;</table>
[/color]

Wobei du hier z.B. diese Stildefinitionen verwenden könntest:
[color="2c2c8c"]
&nbsp;&nbsp;.oben {
&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: top;
&nbsp;&nbsp;&nbsp;&nbsp;background-color: #eef;
&nbsp;&nbsp;}
&nbsp;&nbsp;.links {
&nbsp;&nbsp;&nbsp;&nbsp;width: 180px;
&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: top;
&nbsp;&nbsp;&nbsp;&nbsp;background-color: #efe;
&nbsp;&nbsp;}
&nbsp;&nbsp;.mitte {
&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: top;
&nbsp;&nbsp;&nbsp;&nbsp;background-color: #fee;
&nbsp;&nbsp;}
&nbsp;&nbsp;.rechts {
&nbsp;&nbsp;&nbsp;&nbsp;width: 180px;
&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: top;
&nbsp;&nbsp;&nbsp;&nbsp;background-color: #ffe;
&nbsp;&nbsp;}
&nbsp;&nbsp;.unten {
&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: top;
&nbsp;&nbsp;&nbsp;&nbsp;background-color: #fef;
&nbsp;&nbsp;}
[/color]
 
Zuletzt bearbeitet:

Daxi

Erfahrenes Mitglied
colspan verbindet mehrere Zellen (horizontal; einer Zeile).
rowspan verbindet mehrere Zellen (vertikal; einer Spalte).

:)

//edit by mod: Ich war mal so frei, in deinem Beitrag zwei durch mehrere zu ersezten.
 
Zuletzt bearbeitet von einem Moderator:
Status
Nicht offen für weitere Antworten.

Neue Beiträge