Ergebnis 1 bis 6 von 6

Thema: Seitencontainer bei zu kleinem Fenster weglassen

  1. #1
    Teeny
    Registriert seit
    28.07.2010
    Ort
    Düsseldorf
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Seitencontainer bei zu kleinem Fenster weglassen

    Hallo zusammen,
    nachdem das das letzte Mal so gut geklappt hab als ich mich an euch gewendet habe, versuche ich es Heute nochmal.

    Ich würde gerne das gleiche Prinzip wie auf dieser Seite umsetzt:
    www.expo2010-deutschland.de

    D.h. bei Vollbild werden die Seitencontainer angezeigt und wenn nicht genug Platz da ist, wird nur der Header alles was darunter ist angezeigt.
    Finde das ist ein sehr nützlicher Effekt, hab aber keine Ahnung wie das funktioniert und finde im Seitenquelltext auch nicht die passende Stelle.

    Gruß,
    Freezer
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seitencontainer bei zu kleinem Fenster weglassen

    Vom Grundaufbau her ist das eine horizontal zentrierte Seite, bei der der Mittelteil eine fixe Breite hat. Das erreichst du damit.

    Dann ist vermutlich dem body eine sehr breite Headergrafik zugewiesen und html eine sich horizontal kachelnde Verlaufsgrafik sowie eine Hintergrundfarbe, in welche die Grafik übergeht.
    Technisch lässt sich das ähnlich wie hier machen:
    http://www.ohne-css.gehts-gar.net/0049.php
    http://www.ohne-css.gehts-gar.net/0038.php

  3. #3
    Teeny
    Themenstarter

    Registriert seit
    28.07.2010
    Ort
    Düsseldorf
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seitencontainer bei zu kleinem Fenster weglassen

    Vielen Dank für die schnelle Antwort und die nützlichen Links. Die Seite gefällt mir super und werde sie mir merken.

    Also mit dem Seite zentrieren ist super und auch schon umgesetzt.
    Aber jetzt versteh ich immer noch nicht ganz, wie die Seiten verschwinden sollen, wenn das Fenster von Vollbild (genug platz) auf ein kleineres Fenster geändert wird.

    Habe die Hintergrundgrafik fertig und in viele Teile geteilt.

    Wäre klasse wenn du da nochmal drauf eingehen könntest.

    Gruß und ein wunderschönen guten Morgen nach Deutschland ...

    Freezer8510

  4. #4
    Teeny
    Themenstarter

    Registriert seit
    28.07.2010
    Ort
    Düsseldorf
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seitencontainer bei zu kleinem Fenster weglassen

    Noch mal kurz auf den Effekt zusprechen zu kommen, den ich meine.

    Wenn man auf der oben genannten Seite das Fenster maximiert, dann ist der Bildschirm voll ausgefüllt mit der Hintergrundgrafik. Wenn mann ihn jetzt langsam vertikal verkleiner, verschwinden gleichmäßig die Randteile. Das geht solange bis nur noch die zentrierte Box mit dem Inhalt da ist. Dann kommt ein Scrollbalken.

    Der Kopf der Hintergrundgrafik bleibt die ganze Zeit.

    Finde das ist ein mega starke Effekt. Ich persönlich mag diese Seiten nicht, die nur von Top/Left 0 ausgehend aufgebaut sind und nach der halben (vertikal) Seite fertig sind um auch jaaaa jedem Bildschirm zu gefallen. Da ist einfach zu viel Platz verschwendet und das ganze sieht irgendwie leer aus.

  5. #5
    Kaiser(in)
    Registriert seit
    24.04.2006
    Ort
    Ludwigshafen
    Beiträge
    2.720
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seitencontainer bei zu kleinem Fenster weglassen

    Ich habe mir den Quelltext jetzt nicht angeschaut.
    Vermute aber, dass es eben eine sehr breite Hintergrundgrafik ist, die das Gros der Fenstertgrößen abdeckt. Bei kleineren Fenstern wird dann eben links und rechts ein Teil dieser Grafik verdeckt.
    Sie wird dann entweder html oder body zugewiesen und mit
    Code:
    background-position: 50 % 0;
    zentriert.
    Teste das mal aus, indem du dir eine Grafik mit z.B. 2.000px Breite mit einem Motiv in der Mitte anfertigst.

  6. #6
    Teeny
    Themenstarter

    Registriert seit
    28.07.2010
    Ort
    Düsseldorf
    Beiträge
    39
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Seitencontainer bei zu kleinem Fenster weglassen

    Boah sieht das cool aus! Vielen Dank für den Gedankenanstoß.

    Hab es letztendlich etwas anders gemacht aber mit Hilfe deines ersten Links!

    Wie schließt mein ein Thema?

    Gruß Freezer8510

Ähnliche Themen

  1. wechselnde Bilder .... klappt mit kleinem Fehler ...
    Von SimplyFred im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 8
    Letzter Beitrag: 05.11.2009, 00:09
  2. txt file auslesen und html codes weglassen
    Von Cenarius im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 6
    Letzter Beitrag: 29.08.2009, 01:23
  3. kann man bei jeglicher Art von includeten Inhalt den Doctype weglassen
    Von reeperbahner11 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 1
    Letzter Beitrag: 29.06.2009, 19:52
  4. Keinen Umbruch bei kleinem Fenster erzwingen
    Von Unregistriert im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 15.09.2008, 18:46
  5. Layout zerspringt bei kleinem Browserfenster.
    Von nerd1 im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 22.10.2007, 13:44

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •