Seitendarstellung im Webbrowser

cnassi schrieb am 12.09.2011 um 08:20 Uhr

Hallo

Ich verwende den Magix Webdesigner 7 Premium und bin Neuling in Sachen Website erstellen. Immer wenn ich mir selbst entworfene Seiten oder Vorlagen in der Vorschau in den verschiedenen Browsers anzeigen lasse, werden sie sehr klein dargestellt und außerdem nicht linksbündig - siehe Snapshot.

Was mache ich falsch?

Gruß und Danke im voraus

Cirus

Kommentare

paulpilke schrieb am 12.09.2011 um 08:54 Uhr

Hallo Cirus,

also die Seitengröße kannst Du ja einstellen, und zwar unter:

Datei - Seitenoptionen
Dann Reiter: Seitengröße

Zur Position:
Ich habe mir für die Seiten jeweils einen Platzhalter angelegt, um die Seiten z.B. jeweils zentriert auf dem Bildschirm zu haben (Gefällt mir am Besten).
Also ein Rechteck aufziehen/anlegen, dann unter Webeigenschaften auf den Reiter "Platzhalter" klicken.
Dann "mit HTML-Code ersetzen" aktivieren und Code eingeben.
Für das Zentrieren der Seiten benutze ich: 

<br /> document.writeln("<style type='text/css'>");<br /> document.writeln("html, body {");<br /> document.writeln("margin:0px;");<br /> document.writeln("padding:0px;");<br /> document.writeln("border: 0 none;");<br /> document.writeln("height: 100%;");<br /> document.writeln("width: 100%; }");<br /> document.writeln("body {visibility:hidden;}");<br /> document.writeln("");

      //create onDomReady Event
      window.onDomReady = initReady;
     
      // Initialize event dpending on browser
      function initReady(fn)
      {
       //W3C-compliant browser
       if(document.addEventListener) {
          document.addEventListener("DOMContentLoaded", fn, false);
        }
       //IE
       else {
          document.onreadystatechange = function(){readyState(fn)}
        }
      }
     
      //IE execute function
      function readyState(func)
      {
       // DOM is ready
       if(document.readyState == "interactive" || document.readyState == "complete")
       {
        func();
       }
      }
/* library code until here */

function  center() {
var my = document.getElementById('xr_xr');
var b=parseInt(my.style.width);
var h=parseInt(my.style.height);
var bheight = window.innerHeight || (window.document.documentElement.clientHeight || window.document.body.clientHeight);
b=(b/2)-b;
my.style.marginLeft = b + "px";
h=(h/2)-h;
if(parseInt(bheight) {
my.style.marginTop = "0px";
my.style.top="0px"

} else {
my.style.marginTop = h + "px";
my.style.top="50%"
}

my.style.left="50%"
my.style.textAlign="left";
my.style.position="absolute";
my.style.padding="0px";
}

function center_ () {
center();
document.body.style.visibility = "visible";


}

window.onDomReady(center_);
window.onresize=center;

 

 

Vielleicht hilft Dir das ja weiter!
Viel Spaß & Glück

paulpilke