mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 18:12 Benutzername: Passwort: Auto-Login

Thema: [CSS] 3-spaltiges & 3-zeiliges Layout, zentriert vom 24.09.2008


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] 3-spaltiges & 3-zeiliges Layout, zentriert
Seite: 1, 2  Weiter
Autor Nachricht
DamnSimple
Threadersteller

Dabei seit: 12.08.2006
Ort: Siegen
Alter: -
Geschlecht: Weiblich
Verfasst Mi 24.09.2008 08:20
Titel

[CSS] 3-spaltiges & 3-zeiliges Layout, zentriert

 Antworten mit Zitat Zum Seitenanfang
Hallo ihr Lieben,

ich habe ein riesen Problem. Ich soll ein eine Website "programmieren", die 3-spaltig und 3-zeilig ist.
Die Höhe soll sich dem Textinhalt im Content (mittlere Zeile) anpassen, aber minimal 100% haben, sprich:
ist der Inhalt nicht so viel, das die Seite bis zum Browserende geht, soll der Footer automatisch dort "kleben".
Die oberste und die unterste Zeile sollen eine feste Höhe haben. Insgesamt soll das Layout zentriert sein.
Ich hab schon alles probiert, es geht einfach nicht. Kann mir vielleicht jemand von den CSS-Pro's helfen?

Danke schon mal im voraus.
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mi 24.09.2008 08:46
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v1.asp

Breite kannst du ja anpassen.

Zentrieren geht wie folgt
Code:
body { text-align: center; /* Zentrieren für IE */ } #zentriert { margin: 0px auto; text-align: left; /* Text wieder linksbündig */ }
  View user's profile Private Nachricht senden
Anzeige
Anzeige
DamnSimple
Threadersteller

Dabei seit: 12.08.2006
Ort: Siegen
Alter: -
Geschlecht: Weiblich
Verfasst Mi 24.09.2008 09:45
Titel

Antworten mit Zitat Zum Seitenanfang
seal hat geschrieben:
http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v1.asp

Breite kannst du ja anpassen.

Zentrieren geht wie folgt
Code:
body { text-align: center; /* Zentrieren für IE */ } #zentriert { margin: 0px auto; text-align: left; /* Text wieder linksbündig */ }


Danke für den Code-Schnipsel, aber bei mir funktioniert's immernoch nicht.

Die Seite di du mir gegeben hast hat mir auch nicht besonders weitergeholfen.
Sie ist ja nur in der Mitte 3-spaltig, aber mein Layout ist ja 3-spaltig über alle 3 Zeilen.

Zuletzt bearbeitet von DamnSimple am Mi 24.09.2008 09:46, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mi 24.09.2008 10:01
Titel

Antworten mit Zitat Zum Seitenanfang
DamnSimple hat geschrieben:
seal hat geschrieben:
http://www.tanfa.co.uk/css/layouts/css-3-column-layout-v1.asp

Breite kannst du ja anpassen.

Zentrieren geht wie folgt
Code:
body { text-align: center; /* Zentrieren für IE */ } #zentriert { margin: 0px auto; text-align: left; /* Text wieder linksbündig */ }


Danke für den Code-Schnipsel, aber bei mir funktioniert's immernoch nicht.

Die Seite di du mir gegeben hast hat mir auch nicht besonders weitergeholfen.
Sie ist ja nur in der Mitte 3-spaltig, aber mein Layout ist ja 3-spaltig über alle 3 Zeilen.


Umschließe deine Seite mit einem div mit der ID "zentriert".

Das Beispiel hat 3 Spalten + fixen Header und Footer + var. Inhalt = 3 Spalten, 3 Zeilen in meinen Augen ...

Vielleicht wäre ein Bild ganz hilfreich wie du dir das vorstellst, sonst reden wir vielleicht aneinander vorbei.
  View user's profile Private Nachricht senden
DamnSimple
Threadersteller

Dabei seit: 12.08.2006
Ort: Siegen
Alter: -
Geschlecht: Weiblich
Verfasst Mi 24.09.2008 10:44
Titel

Antworten mit Zitat Zum Seitenanfang
Ich mein das so:




Zuletzt bearbeitet von DamnSimple am Mi 24.09.2008 10:45, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mi 24.09.2008 11:19
Titel

Antworten mit Zitat Zum Seitenanfang
Und wo genau hast du jetzt Probleme die Beispielseite so anzupassen? * Keine Ahnung... *

Header + Footer auch in 3 Teile aufteilen, schon hast du was du wolltest!?
  View user's profile Private Nachricht senden
DamnSimple
Threadersteller

Dabei seit: 12.08.2006
Ort: Siegen
Alter: -
Geschlecht: Weiblich
Verfasst Mi 24.09.2008 12:00
Titel

Antworten mit Zitat Zum Seitenanfang
seal hat geschrieben:
Und wo genau hast du jetzt Probleme die Beispielseite so anzupassen? * Keine Ahnung... *

Header + Footer auch in 3 Teile aufteilen, schon hast du was du wolltest!?


Ja, genau das ist mein Problem.
  View user's profile Private Nachricht senden
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 41
Geschlecht: Männlich
Verfasst Mi 24.09.2008 12:18
Titel

Antworten mit Zitat Zum Seitenanfang
http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php
  View user's profile Private Nachricht senden
 
Ähnliche Themen 2-spaltiges Layout macht Probleme im IE6
3-spaltiges div-Layout in festem div macht Probleme
layout mit layern zentriert anzeigen
Tabellenloses Layout - Horizontal 100% vertikal zentriert
3-spaltiges Layout: variabel - fix - variabel
Objekt zentriert
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB