Ergebnis 1 bis 10 von 10

Thema: Automatische Bildschirm Anpassung

  1. #1
    Unregistriert
    Gast

    Standard Automatische Bildschirm Anpassung

    Hallo zusammen,

    mir macht momentan folgendes Problem zu schaffen, der Hintergrund von der Seite www.atzenforum.de ist für einen Monitor der Größe 22" Widescreen optimiert. Nun ist es logisch wenn jmd. mit einem 19" Monitor das Forum öffnet das gewisse Teile des Hintergrundes nicht sichtbar oder abgeschnitten sind. Es gibt die Möglichkeit zusätzliche CSS-Deklarationen bei dem Forum einzufügen, meine Frage ist nun:

    Gibt es eine Möglichkeit mit Hilfe eines CSS Codes den Hintergrund so anzupassen, dass egal wer mit welcher Bildschirmgröße das Forum öffnet den vollen Hintergrund zu sehen bekommt?

    Danke schonmal vorab & Grüße.

    kayro.
    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
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Automatische Bildschirm Anpassung

    Nein, Hintergrundbilder können nicht skaliert werden. Auch hat das wenig mit der Auflösung zu tun, eher mit dem Viewport der dem Browser zur Verfügung steht. Auf einem 22'' Monitor kann das Browserfenster auch durchaus wesentlich kleiner sein. Ist alles dem Benutzer überlassen.

  3. #3
    Unregistriert
    Gast

    Standard AW: Automatische Bildschirm Anpassung

    Nehmen wir z.B. www.myspace.com dort ist es genauso wie ich es für die Seite www.atzenforum.de brauche! Die Skalierung passt sich immer automatisch an, sogar wenn man das Fenster des Browsers beliebig kleiner zieht oder man seine Seite mit einem 10" Monitor aufruft...

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

    Standard AW: Automatische Bildschirm Anpassung

    Mit Nachteilen behaftet, aber geht: http://www.ohne-css.gehts-gar.net/0055.php

  5. #5
    Unregistriert
    Gast

    Standard AW: Automatische Bildschirm Anpassung

    top Seite, ist aufjedenfall schonmal ein Hoffnungs Schimmer für mich. Danke dafür.

    Ich habs direkt mal ausprobiert und mich am Quelltext der Demo orientiert, leider tritt der gewünschte Effekt bei dem Hintergrund des Forums nicht ein.

    Hier mein Code den ich verwendet habe:

    <html lang="de">
    <head>
    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
    <title>Atzenforum</title>
    <meta http-equiv="Content-Style-Type" content="text/css">

    Code:
    <style type="text/css">
    
    
    html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    }
    
    #hintergrund {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1; }
    
    #content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: auto;
    } 
    
    </style>
    </head>
    
    <body>
    <img id="hintergrund" src="http://atzenforum.bc-board.de/wcf/images/em_08/widescreen.png"  border="0"  alt="Hintergrundbild">
    <div id="content">
    <h1>Inhalt</h1>
    <p class="center">
    <b>
    </b>
    </p>
    </div><!--Ende #content-->
    </body> 
    
    </html>

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

    Standard AW: Automatische Bildschirm Anpassung

    Bei mir klappt dein Code.
    Kannst du ihn evtl. mal online stellen und einen Link posten.
    Dennoch aufgepasst: Wenn da in die Mitte der content rein soll, kann es bei unterschiedlichen Viewports zu bösen Überraschungen kommen: Einmal wird er überlappen, ein andermal wird links und rechts zu viel Platz sein.
    Ich würde das so nicht lösen.
    Geändert von sejuma (01.03.2009 um 20:35 Uhr)

  7. #7
    Unregistriert
    Gast

    Standard AW: Automatische Bildschirm Anpassung

    Ich habe meinen Code genau hier in dem administrativen Berreich des Forums eingefügt:



    er ist momentan online unter www.atzenforum.de .

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

    Standard AW: Automatische Bildschirm Anpassung

    Nach body müsstest du die Grafik mit id="hintergrund" einfügen.
    #content würde bei dir #page entsprechen.

  9. #9
    Unregistriert
    Gast

    Standard AW: Automatische Bildschirm Anpassung

    wenn ich #page einfüge, dann verschiebt sich das ganze forum nach links.

    siehe : www.atzenforum.de

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

    Standard AW: Automatische Bildschirm Anpassung

    Da spielen wohl auch noch Frames mit. Mit denen steh' ich ohnehin auf Kriegsfuß.
    Vielleicht kannst du das ins Frameset einbauen? Aber wie gesagt, da bin ich kein Experte.
    Sieh dir auch nochmal meinen ergänzenden Hinweis im letzten Beitrag an (editiert).

Ähnliche Themen

  1. hp anpassung?
    Von cvhl112003 im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 07.11.2007, 08:39
  2. anpassung des bildes beim kleinerem bildschirm ??? need help
    Von tollpan im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 04.08.2007, 22:30
  3. Bildschirm-Anpassung bei Websites
    Von Me, the G im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 18.11.2006, 21:33
  4. Automatische Anpassung der iFrames an das Browserfenster.
    Von Zsemberi im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 15.07.2005, 19:25
  5. 100% anpassung
    Von hhspre im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 02.08.2004, 09:29

Stichworte

Berechtigungen

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