Zoom der Website

html.de-Forum HTML, XHTML & CSS
1

Hey Com,

Ich habe mal ne kleine Homepage gecodet , jedoch wollte ich Fragen wie man den Zoom auf 100% stellt. nicht höher nicht niedriger. Wenn man ja STRG + mit der Maustaste runter oder hoch scrollt wird die Website kleiner oder größer angezeigt. Wollte mal Fragen wie man es einstellen kann das es so bleibt.

Und ne zweite Frage:

Ich habe eine Box in der ein Text drin steht. Wenn ich es immer mehr ran Zoome ist der Text aus der Box raus sprich anstatt das es in der Box bleibt wird der weitere Text einfach unten weiter angesetzt anstatt das es in der Box bleibt. Woran kann das liegen?

2

Meines Wissens kannst du den Zoom nicht beeinflussen, zumindest nicht bei anderen Benutzern.

Zeig doch einfach mal deinen Quelltext.

3

Zoom lässt sich in mobile Browsern mit dem Tag user-scalable=no verhindern.

Wenn in Desktop-Browsern beim zoomen der Text aus dem Rahmen springt, hat es zumeist etwas mit statischem Layout unter Verwendung von position: absolute zu tun.

4

Aber wirklich nur in mobilen Browsern?

5

Ja.
Allerdings gehen da die Meinungen auseinander, ob man das überhaupt auf Mobilgeräten einsetzen soll:
Ich hasse es jedenfalls wenn mir eine Website Browserfunktionen verbietet. Wenn ich zoomen will, will ich zoomen. Einzig beim Einsatz von eigenen Gesten lass ich mir dessen Sinnhaftigkeit einreden.

Aber ich kenne auch das Problem mit den DAUs, die mit 200% Zoom durch die Gegend surfen und sich wundern warum jede Website „komisch“ aussieht.

6

Der letzte Satz hat mich grade zum lachen gebracht, was aber leider auch stimmt.

7

html:

TEXT

Hier steht ein Text.Hier steht ein Text.Hier steht ein Text.Hier steht ein Text.Hier steht ein Text. Hier steht ein Text.Hier steht ein Text.Hier steht ein Text.

CSS:

.niceboxone {
position:relative;
display:block;
width:100%;
height:218px;
top:50px;
margin:0 auto;
padding:0;
background-color:#dcdcdc;
font-size:1em;
}

.niceboxone img {
float:right;
margin:25px 25px 0px 0px;
}

.niceboxone p {
padding:0;
margin:0;
line-height:1.7em;
font-family:helvetica;
font-size:1em;
}

.niceboxone h1 {
padding:0px;
margin:0 auto;
padding-top:25px;
font-family:helvetica;
}

.fix h1 {
line-height:1.5em;
}

.fix {
margin:0px 0px 0px 20px;
width:75%;
padding:0;
}

8

Da sehe ich zumindest zwei mögliche Problemquellen: Das Aattribut top und ein float ohne clear.