Hallo zusammen, ich habe folgende Seite geschrieben.
HTML
<!DOCTYPE html>
<html>
<style>
div
{
font-family:Verdana;
font-size:12px;
position:absolute;
width:61px;
height:93px;
}
.breite {
background-color:#999999;
width: 400px;
height: 100px;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
}
</style>
<p id=hoehe> hoehe </p>
<p id=breite>breite </p>
<body>
<!--
Hoehe = 770
breite = 1280
das wird auf bildschirm gezeigt !! .innerHTML ??
-->
<div class="breite">
.breite {
background-color:#999999;
width: 400px;
height: 100px;
font-family: "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 18px;
}
<div style="left:270px; top:100px; z-index:2;"><img src="E_01.png" alt="karo ass "></div>
</div>
<div style=" top:300px; width:auto" >
die karte soll aber die ermittelte Hoehe /2 -40 fuer den top Wert haben , also 345 Px erhalten.
</br>
die karte soll aber die ermittelte Breite /2 +20 fuer den top Wert haben , also 660 Px erhalten.
</div>
<div style="left:660px; top:345px; z-index:2;"><img src="E_01.png" alt="karo ass "></div>
</body>
<script>
document.getElementById("hoehe").innerHTML = "ermittelte Hoehe = " + screen.availHeight;
document.getElementById("breite").innerHTML = "ermittelte breite = " + screen.availWidth ;
</script>
</html>
Alles anzeigen
wie bringe ich die Aus
Code
document.getElementById("hoehe").innerHTML = "ermittelte Hoehe = " + screen.availHeight;
document.getElementById("breite").innerHTML = "ermittelte breite = " + screen.availWidth ;
ermitelten werte in
Code
die karte soll aber die ermittelte Hoehe /2 -40 fuer den top Wert haben , also 345 Px erhalten.
</br>
die karte soll aber die ermittelte Breite /2 +20 fuer den top Wert haben , also 660 Px erhalten.
left:660px; top:345px; rein?
und wie kann ich die werte im Body benutzen ??
danke gruss roland