Anpassung der Auflösung?

[king-crown]

Kann man ein layout irgentwie so machen, dass es sich jeder auflösung anpasst?? also dass es nicht so groß und nicht zu klein ist...ich hoffe ihr versteht, was ich meine...^^

 

[XraYSoLo]

ja, du kannst z.b. zwei layouts machen von denen eines 800x600 groß ist und das andere 1024x768.
dann kann man mittels einer sprache herausfinden wie die auflösung des clients ist.
je nach dem wird dann das kleinere oder das größere layout aufgerufen und da die inhalte 'reingeschrieben.

(im JS-bereich gabs schon themen zur auflösungs-erkennung).

Nils aka XraYSoLo

 

[Maxi]

die einfachere Lösung ohne verschiedene layouts machen zu müssen, ohne irgendwas rausfinden zu müssen und ohne JavaScript ist, wenn du bei deinem Layout alle Größenangaben einfach Prozentual angibst, dann passt sich das ganze an deinem Bildschirm an.

Du machst zum Beispiel einen Div-Bereich mit folgenden Angaben:
- Rand nach oben: 5%
- nach unten auch 5%
- links und rechts je 20%

Je nachdem, wie groß die Auflösung ist ändert sich dann auch die Größe des Layouts.

 

[king-crown]

muss das in den code denn rein, wenn man es codet`? ja, nää...
naja danke für die antwort :)

 

[Maxi]

Wäre nicht schlecht, wenn der Code im Code steht^^

Hier mal ein beispiel aus einer meiner Webseiten:

div#navi {
position: absolute;
margin-top: 18%;
margin-left: 1%;
margin-right: 88%;
margin-bottom: 10%;
width: auto;
height: auto;
color: #FFFFFF;
}

 

[king-crown]

und wo muss das denn stehen?? ^^

 

[Maxi]

Das ist jetzt ein CSS-Code, also muss der auch in deine CSS-Satei rein. Oder du schreibst in in den head-Bereich deines html-dokumentest zwischen <style type="text/css> und </style> rein.

In der HTML-Datei muss es für die Navigation dann so aussehen:

<div id="navi">Hier die Inhalte</div>

 

[3UGENE]

Eine weitere Lösung wäre em,
eine Größenangabe die relativ zur benutzerdefinierten Schriftgröße steht.

Also statt 12px, einfach 1em.