Automatische Bildschirm Anpassung

Unregistriert

Hallo zusammen,

mir macht momentan folgendes Problem zu schaffen, der Hintergrund von der Seite http://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.

threadi

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.

Unregistriert

Nehmen wir z.B. http://www.myspace.com dort ist es genauso wie ich es für die Seite http://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...

sejuma

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

Unregistriert

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>

Alles anzeigen

sejuma

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.

Unregistriert

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

[Blockierte Grafik: http://www.hochladen.info/images/upload1…0x9OYk/full.jpg]

er ist momentan online unter http://www.atzenforum.de .

sejuma

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

Unregistriert

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

siehe : http://www.atzenforum.de

sejuma

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).

Automatische Bildschirm Anpassung

Tags

Benutzer online in diesem Thema