• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Homepage der Bildschirmauflösung anpassen

Status
Für weitere Antworten geschlossen.
N

NoopMonkey

Neues Mitglied
Hallo Zusammen,

ich habe eine Homepage für meinen Vatre gemacht nichts besonderes.Aber ich möchte das jetzt so haben, dass egal wer auf die HP kommt , den bildschirm 100% hat. Was für einen CODE muss ich eingeben ??? Und wo ??? Ihr könnt ihn ja in meinem Quelltext einfügen und dann rot makieren

So sieht mein Quelltext aus.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MBI Marcus Buch Innenausbau &amp; Bodenbelagsarbeiten</title>
<style type="text/css">
<!--
body {
    background-image: url(http://www.mbibuch.de/1024x768/DSC00189.JPG);
    background-repeat: no-repeat;
}
#Layer1 {
    position:absolute;
    left:145px;
    top:157px;
    width:651px;
    height:340px;
    z-index:1;
}
.Stil2 {
    font-size: 45px;
    color: #FFFF00;
}
#Layer2 {
    position:absolute;
    left:0px;
    top:0px;
    width:990px;
    height:200;
    z-index:1;
    background-image: url(http://www.mbibuch.de/Buttons/FirmenLogo.jpg);
}
#Layer3 {
    position:absolute;
    left:9px;
    top:223px;
    width:990px;
    height:331px;
    z-index:2;
}
.Stil4 {font-size: 12px}
.Stil5 {font-size: 12px; color: #666666; }
#Layer4 {
    position:absolute;
    left:0px;
    top:611px;
    width:990px;
    height:39px;
    z-index:3;
}
.Stil6 {font-size: 36px}
-->
</style></head>

<body>
<div id="Layer4">
  <div align="center" class="Stil2">
    <p>!!! <span class="Stil6">Sie sind unser </span><a href="http://www.geizkragen.de/private-krankenversicherung/" target="_top"><img src="http://www.counter.de/cgi-bin/counter.pl?member=1155014262" border=0 alt="private krankenversicherung "></a><span class="Stil6"> Besucher</span> !!! </p>
  </div>
</div>
  <meta name="keywords"
   content="Quarzsteinboden, Neubau, Steinchenboden, Fu&szlig;boden, Mamorboden, Teppich, Kieselboden, Fu&szlig;bodenbelag, Dekorboden, Fliesen, Quarzkieselboden, Natursteinteppich, Wohnsteinteppich, Mamorsplittboden, Steinteppich, Steinteppich aus Mamor, Bodenbelag, Treppensanierung, Altbausanierung, Alte Holztreppen, Industriebeschichtung, Verlaufsbeschichtung, Beschichtungen, Bodendesign, Kunst am Bau, Ableitf&auml;hige Beschichtung, Bodensanierung, Kellerboden, Garagenboden, Balkonsanierung, Terrassenboden, Kunstharzbeschichtungen, Einstreubel&auml;ge, Autoh&auml;user, Wandbeschichtung, Fassaden, Badsanierung, Individuelle Bodenbel&auml;ge, Mal was neues, Alternative Bodenbel&auml;ge, B&uuml;rob&ouml;den, Aussentreppen, Kellertreppen, Werkstattboden, Lagerboden, Versiegelungen, Rutschhemmung, Metzgereibedarf, alte Holzdielen, Abdichtung, Estrich, Kunstharz, Renovierung, Planung, Beschichtungssysteme, Bodenplanung, Bodensanierung, MBI Buch , Bodenbelagsarbeiten, www.mbibuch.de">

<meta name="Description" content="Wir sind eine Firma die im Bereich Boden-und Wandbel&auml;ge t&auml;tig ist. Welche Bodenbel&auml;ge? Alles was mit Kunstharz zu tun hat! -Quarzsteinb&ouml;den (Wandbeschichtung) , -Natursteinteppich aus Marmor (Wandbeschichtung) , -Industriebeschichtungen , -K&uuml;chenbel&auml;ge(Metzgereien/Gro&szlig;k&uuml;chen) , -Balkon und Terrassensanierung. Wir w&uuml;rden uns freuen wen sie unsere Homepage ein wenig durch forschen." />
<img src="http://www.mbibuch.de/Buttons/FirmenLogo.jpg" alt="Logo" width="990" height="200" border="0" /></div>
<div id="Layer3">
  <div align="center" class="Stil2">
    <p>Bitte w&auml;hlen sie die &nbsp;Bildschirmaufl&ouml;sung , die am besten zu ihrem Bildschirm  passt damit es keine Probleme mit den Grafiken gibt .</p>
    <p class="Stil4">&nbsp;</p>
    <p class="Stil4">&nbsp;</p>
    <p align="center" class="Stil5"><a href="http://www.mbibuch.de/1024x768/index.html" target="_self"><img src="../Buttons/Button1024x768.JPG" width="250" height="50" border="2" /></a><a href="http://www.mbibuch.de/1280x1024/index.html" target="_self"><img src="http://www.mbibuch.de/Buttons/Button1280x1024.jpg" width="250" height="50" border="2" /></a></p>
  </div>
</div>
</body>
</html>
 
Hi,

mach es mit Javascript! Du baust einfach auf den verschiedenen Seiten verschiedener Bildschirmauflösungen jeweils diesen Teil ein:

Code: 
...
<script language="JavaScript">
<!--
var Breite = 1014;
var Hoehe = 758;
 
function Groesse()
{
    window.resizeTo(Breite, Hoehe);
}
//-->
</script>
<body onLoad="Groesse();">
Content
</body>
...
Allerdings bestimmst du damit die Größe des Fensters (etwas kleiner als die Bildschirmauflösung, austesten! z.B. 1014x758 anstatt 1024x768 ...)

An deiner Stelle noch ein Tipp: Die Auflösung auszuwählen nervt! Mach es lieber so, dass die Seite dynamisch ist (mit Prozentangaben, keinen Pixelangaben) oder bau ein Script ein, sodass man automatish weitergeleitet wird (Viele wissen nicht einmal, was ihre Bildschirmauflösung ist). Wenn du trotzdem auf das Auswählen der Bildschirmauflösung bestehst, setz einen Cookie, sodass man es nicht immer und immer wieder auswählen muss!

Das Script zur automatischen Weiterleitung an die zur eigenen Bildschirmauflösung passenden Version deiner Seite findest du hier.

Ich hoffe, ich konnte dir helfen!
Mit den besten Grüßen, Ay Chiquita
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben