mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 04.12.2016 21:34 Benutzername: Passwort: Auto-Login

Thema: [CSS] two column, fluid, centered max-width. vom 07.03.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> [CSS] two column, fluid, centered max-width.
Autor Nachricht
13pixelchen
Account gelöscht Threadersteller


Ort: -

Verfasst Di 07.03.2006 19:31
Titel

[CSS] two column, fluid, centered max-width.

Antworten mit Zitat Zum Seitenanfang

Hi,

Ich suche Layoutbeispiele (wie man es in CSS umsetzt) für ein zweispaltiges Layout mit Header und Footer, ähnlich dem hier:
http://www.idest.com/csshacks/pages/chapter_09/two_column_right_fluid.htm
Welches aber noch max-width hat und darüberhinaus zentriert angezeigt wird. Falls jemand etwas zur Hand hat, her damit *bäh*
 
gezeichnet

Dabei seit: 07.03.2006
Ort: Salzburg
Alter: -
Geschlecht: Männlich
Verfasst Di 07.03.2006 23:29
Titel

Antworten mit Zitat Zum Seitenanfang

Hi

Denke das könnte dir helfen:
Klick

Das mit dem max-width würd ich aber lassen, funzt nicht bei jedem Browser *Schnief*

sers


Zuletzt bearbeitet von gezeichnet am Di 07.03.2006 23:31, insgesamt 2-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 33
Geschlecht: Männlich
Verfasst Di 07.03.2006 23:35
Titel

Antworten mit Zitat Zum Seitenanfang

Hier mal vorbeischauen:
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
13pixelchen
Account gelöscht Threadersteller


Ort: -

Verfasst Di 07.03.2006 23:37
Titel

Antworten mit Zitat Zum Seitenanfang

Danke, aber das ist prinzipiell ja schon das gleiche wie in meinem Link. Ich brauche das ganze zentriert. Aber das hilft mir schon weiter, den Rest kann ich mir bestimmt zusammenbasteln. Ich wollte nur vermeiden, in Stolpersteine zu tapsen, die andere vor mir schon ausgemerzt haben, durch gewisse Techniken.

Doch, das funzt in jedem Browser. Bis auf den IE. Und da mit nem Trick auch.

@seal: Pfui Hacks *ha ha* danke


Zuletzt bearbeitet von am Di 07.03.2006 23:40, insgesamt 1-mal bearbeitet
 
seal

Dabei seit: 31.07.2005
Ort: Pfalz
Alter: 33
Geschlecht: Männlich
Verfasst Mi 08.03.2006 00:46
Titel

Antworten mit Zitat Zum Seitenanfang

13pixelchen hat geschrieben:
@seal: Pfui Hacks *ha ha* danke


* Keine Ahnung... * * Ja, ja, ja... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
ZeroFlash

Dabei seit: 11.02.2005
Ort: -
Alter: 33
Geschlecht: Männlich
Verfasst Mi 08.03.2006 08:34
Titel

Antworten mit Zitat Zum Seitenanfang

versuch mal das hier

Code:

.distance {
   width:100%;
   height:50%;
   margin-bottom:-289px; /* half of container's height */
   float:left;
   }
.container {
   background-color:white;
   margin:0 auto;
   position:relative; /* puts container in front of distance */
   text-align:left;
   width:982px;
   height:578px;
   clear:left;
   z-index:3;
   }


dann ziehst dir im html erst den distance dann den container auf und innerhalb des container kannst du dann ja deine zwei spalten bauen... mit dem code hier bleibt es horizontal und vertikal zentriert und beim kleiner schieben des browserfenster gehts dann in die linke obere ecke über.

ist zwar nicht ganz was du suchst aber der rest sollte auch nicht so schwer sein.
  View user's profile Private Nachricht senden
 
Ähnliche Themen 12 Column Grid Fluid
[CSS] Problem (min/max-height/width im IE)
CSS Width in links
[css] width: 100%
CSS 100% width auch für IE
CSS Problem wg. padding, margin und width
Neues Thema eröffnen   Neue Antwort erstellen
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.