Auflösungsunabhöngige Website

  • Hallo!

    Ich will möglichst elegant eine Homepage, deren Design auf ne Auflösung von 800x600 ausgelegt ist, so einbetten, dass sie mit denselben Maßen auch in höheren Auflösungen zentral (vielleicht mit einem kleinen Rahmen) im Browserfenster erscheint. Mit anderen Worten: Wenn jemand ne sehr hohe Auflösung hat, soll die Website immernoch in der Mitte in 800x600 erscheinen, nur der Rahmen drumrum wird eben dicker.

    Wie macht man sowas?

  • kommt drauf an ob du ein design mit div-containern,frames oder tabellen hast
    bzw machen willst. die horizontale ausrichtung is dabei relativ einfach
    mittel <center> bzw align:center zu lösen bzw bei divs zb. über

    Code
    #hauptcontainer {
    position:absolute;
    width:800px;
    margin-left:-400px;
    left:50%;
    }

    bei der horizontalen schauts schwer aus, zwar kannst du mit vertical-align:middle
    einiges bewirken, allerdings gibts da probleme mit browsern wie ff
    der des einfach ignoriert.

    soweit sind jedenfalls meine erfahrungen.

  • Hab ne framebasierte Website, deren Design beibehalten werden soll. Hab schon versucht, mit div-containern in der index.html was zu reißen, leider ohne Erfolg. :(

  • also mit framesets ?

    hm, is zwar lang her bei mir, aber ich würds mal so versuchen

    Code
    <frameset rows="*,600,*">
    	<frame src="oben.html">
    	<frameset cols="*,800,*">
    		<frame src="links.html">
    		<frame src="INHALT.html">
    		<frame src="rechts.html">
    	</frameset>
    	<frame src="unten.html">
    </frameset>

    aber auf dauer wäre der umstieg zu divs dann doch sinnvoller

  • Versuch doch, deine Seite ohne Frames und nur mit divs aufzuziehen, Frames sind sowieso veraltet. Dann kannste einfach drivers Variante umsetzen. Poste doch mal deinen Quellcode und ich helf dir dann dabei.
    Ansonsten gibste für deine Frames halt ne width=" 800px" an und dann align="center".

    Gruß
    Jojo


  • Danke erstmal für eure Hilfe!

    Bin jetzt so weit, dass ich den Seiteninhalt erstmal in einen 800x600 großen iframe eingebettet habe. Das kam mir irgendwie cool vor, zumal es funktioniert. ;) Jetzt will ich "nur noch" diesen iframe eben horizontal und vertikal zentral hinkriegen. Wie mach ich das jetz am elegantesten? Oder ist das mit dem iframe jetzt noch viel komplizierter geworden? :(

  • Code
    <table widht="100%" heigth="100%">
    <tr><td align=center valign=middle>
    
    
    ... <iframe>...
    
    
    </td></tr>
    </table>

    versuchs mal so...is aber net wirklich ne saubere lösung
    und ich bin auch net sicher ob se im ff / safari.. funzt

  • Jou, nachdem ich die Tippfehler rausgenommen hatte ;) hats funktioniert, aber eben nur die horizontale Zentrierung... :?

    Ideen für die vertikale?