seite zoomen > div abstände ändern

melmager · 23. Juni 2005

Ich habe einige div elemente in der Html seite die ich positioniere
klappt auch alles gut - jetzt wollte ich die zeite zoomen nach dem mott alle werte von margin, margin-top, width
mal 1,5

ich scheitere schon daran die vorhandene werte auszulesen - wo ist der Fehler?

datei layout.css

#seite { position:relative; margin:1.0cm; width:19cm; height:27.7cm; }
#adresse { position:absolute; margin-top:4cm; left:0cm; heigth:auto; width:7cm; }
#datum { position:absolute; margin-top:9cm; right:0cm; heigth:auto; width:7cm; }
#betreff { position:absolute; margin-top:9cm; left:0cm; heigth:auto; width:11cm; }
#betreff td { font-size:14pt }
#refeld1 { position:absolute; margin-top:12cm; left:0cm; heigth:auto; width:17.5cm; }
#refeld2 { position:absolute; margin-top:1cm; left:0cm; heigth:auto; width:17.5cm; }
#fuss { position:absolute; bottom:0cm; left:0cm; heigth:auto; width:17.5cm; }
#logo { position:absolute; top:0cm; right:0cm; heigth:auto; width:4.5cm; }

<link rel="stylesheet" type="text/css" href="layout.css">
<script type="text/javascript">
function zoom() {
var anzdiv;
var wert;
anzdiv = document.getElementsByTagName("div").length;
for (var lo=0;lo < anzdiv;lo++) {
alert(document.getElementsByTagName("div")[lo].style.width);
}
}
</script>
</head>
<body onload="zoom()">
<div id=logo>blabla</div>

Sven Mintel · 23. Juni 2005

Auf diese Art kannst du per JS nur style-Attribute ermitteln, die direkt im Element notiert sind, oder per JS gesetzt wurden.

Du kannst aber den currentStyle(IE) bzw. computedStyle(Gecko) ermitteln:

Code:

for(i=0;i<document.getElementsByTagName('div').length;++i)
    {
    breite=(window.getComputedStyle)
        ? window.getComputedStyle(document.getElementsByTagName('div')[i],"" ).getPropertyValue('width')
        : document.getElementsByTagName('div')[i].currentStyle.getAttribute('width');
    }

Weiterhin könntest du die tatsächliche Breite ermitteln(offsetWidth)

Im IE(ab V5.5) gehts das Zoomen äusserst komfortabel... da gibt es das style-Attribut "zoom"... damit kannst du eine ganze Seite bequem zoomen.

http://www.tutorials.de/tutorials157349.html

seite zoomen > div abstände ändern

melmager

Erfahrenes Mitglied

Sven Mintel

Mitglied

Neue Beiträge