transform scale

[Olivia A.]

Hallo!

ich versuche eine ganze Webseite nachträglich zu vergrößern, aber egal wie diese Seite gebaut ist, am Ende taucht immer der horizontale Scrollbalken auf, obwohl eigentlich noch genug Platz bis zum Rand sein sollte.

  
body {  
    transform: scale(1.2);  
    -moz-transform: scale(1.2);  
    -ms-transform: scale(1.2);  
    -webkit-transform: scale(1.2);  
    -o-transform: scale(1.2);  
    transform-origin: 50% 0;  
}  

Ihr könnt das z.B. bei www.golem.de mit der Startseite testen. Einfach lokal abspeichern und in den Head ein <base href="http://www.golem.de/" /> einfügen, damit die ganzen relativen Pfade funktionieren. Dann in den Head den oben geposteten Block einfügen und im Chrome und Firefox taucht der horizontale Scrollbalken auf. Lasse ich das transform-origin weg, wird ein Teil des Headers oben abgeschnitten. Mit Verändern des ersten Wertes kriege ich den Scrollbalken weg, aber dann hängt die Seite z.B. komplett rechts am Rand, obwohl sie mittig stehen soll.

Was mache ich falsch?

Danke!