mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Sa 03.12.2016 08:08 Benutzername: Passwort: Auto-Login

Thema: 3 Spalten Layout - aussen fixe Breite, mitte variabel vom 04.12.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Tipps & Tricks für Nonprint -> 3 Spalten Layout - aussen fixe Breite, mitte variabel
Seite: 1, 2  Weiter
Autor Nachricht
semikolon
Threadersteller

Dabei seit: 02.11.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 04.12.2005 13:10
Titel

3 Spalten Layout - aussen fixe Breite, mitte variabel

Antworten mit Zitat Zum Seitenanfang

Servus,

ich soll ein drei Spalten Layout umsetzen und hab da so ein paar Probleme damit.
Die Vorgabe ist, dass die Linke und die rechte Spalte fixe Breiten haben und die mittlere Spalte soll flexibel sein aber die gesamt Breite soll nicht kleiner werden als 800px.


Hat da jemand ein Tipp für mich?

Desweiteren bräuchte ich noch einen Tipp wie ich die drei Spalten bis an den unteren Rand des Browsers laufen lassen kann, ohne das eine Scrollleiste auftaucht. Das soll bei jeder Auflösung funktionieren.


Vielen vielen Dank schonmal!

Flo


Zuletzt bearbeitet von semikolon am Do 02.11.2006 20:57, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Raumwurm

Dabei seit: 21.12.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 04.12.2005 18:22
Titel

Antworten mit Zitat Zum Seitenanfang

schau dich doch mal hier um:

http://www.ssi-developer.net/main/templates/3col.shtml
  View user's profile Private Nachricht senden
Anzeige
Anzeige
semikolon
Threadersteller

Dabei seit: 02.11.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 04.12.2005 18:44
Titel

Antworten mit Zitat Zum Seitenanfang

vielen dank für den Link, aber da hab ich schon alle durch
  View user's profile Private Nachricht senden
webdeveloper

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst So 04.12.2005 18:53
Titel

Antworten mit Zitat Zum Seitenanfang

für die rechte und linke spalte gibst du einfach die breiten an. ausserdem der gesamten tabelle (oder layer) eine feste breite.
die mittlere spalte richtet sich nach dem rest (also gesamte breite - link -rechts = mitte).

die höhe kannst du z.b. mit height:100% festlegen
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
semikolon
Threadersteller

Dabei seit: 02.11.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst So 04.12.2005 19:14
Titel

Antworten mit Zitat Zum Seitenanfang

webdeveloper: das Problem ist, dass die mittlere Spalte Variabel sein soll! also wenn ich das Browserfenster schmaler mache, dann sollte links und rechts gleichgroß bleiben und die mitte sollte schmäler werden. Und dann kommt noch hinzu, dass das schmälerwerden aufhören soll, wenn eine Gesamtbreite von 800pixeln erreicht ist.

Und mit der Höhe ist es auch nicht so einfach, da ich noch einen Header über den drei Spalten habe und somit werden die drei anderen Spalten um genau die Headerhöhe zu lang.
  View user's profile Private Nachricht senden
Doppelplusgut

Dabei seit: 06.10.2005
Ort: Zimmer 101
Alter: 47
Geschlecht: Männlich
Verfasst So 04.12.2005 19:20
Titel

Antworten mit Zitat Zum Seitenanfang

Jetzt mal ernsthaft: Wer denkt sich den sowas aus? Wie soll das funktionieren? Zumindest beim reinen Einsatz von CSS und HTML lässt sich so was nicht realisieren, die Angabe min-width wird von IE natürlich mal wieder nicht verstanden.

Einzige Möglichkeit: Verwendung von JS, da wüsste ich aber auf Anhieb auch nix, da ich JS generell nicht für wichtige Sachen (wie z. B. Navi) verwende, weil man es deaktivieren kann.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
webdeveloper

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst So 04.12.2005 19:23
Titel

Antworten mit Zitat Zum Seitenanfang

Code:
<table width="800" cellpadding="0" cellspacing="0">
  <tr>
    <td width="150">links</td>
    <td>mitte, maximal 500px breit!</td>
    <td width="150">rechts</td>
  </tr>
</table>

so, bitte, brauchst nur noch kopieren!


und wg. dem höhen problem: schau dir bei selfhtml die sparte CSS mal an...
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
webdeveloper

Dabei seit: 25.05.2003
Ort: SG
Alter: 32
Geschlecht: Männlich
Verfasst So 04.12.2005 19:30
Titel

Antworten mit Zitat Zum Seitenanfang

Doppelplusgut hat geschrieben:
Jetzt mal ernsthaft: Wer denkt sich den sowas aus? Wie soll das funktionieren? Zumindest beim reinen Einsatz von CSS und HTML lässt sich so was nicht realisieren, die Angabe min-width wird von IE natürlich mal wieder nicht verstanden.

Einzige Möglichkeit: Verwendung von JS, da wüsste ich aber auf Anhieb auch nix, da ich JS generell nicht für wichtige Sachen (wie z. B. Navi) verwende, weil man es deaktivieren kann.

da fällt mir auch nix mehr zu ein * Ich geb auf... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen css 3 spalten layout mit fester mitte - bitte um hilfe!
3-spaltiges Layout: variabel - fix - variabel
fixe breite in Tabelle erzwingen > Mozilla ?
Elastisches Layout ohne fixe Bezugsgröße
Zwei ungleich breite Spalten anlegen in Indesign CS3
div-Layout variabel gestalten?
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Tipps & Tricks für 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.