nicht angemeldet
css problem <div height...>
hallo !
eine einfache Frage:
läßt sich die height-Eigenschaft von <div> nicht auf 0px setzen ? Wenn man nämlich die css-Eigenschaft height per Javascript ändert und sie anschließend abfragt, kommt schon das richtige raus(also 0px). Optisch sind es aber immer so cca.10px, wieso ? Ich brauche es nämlich für so eine Art Zoomfunktion und da sollen bei MouseMove die div-Parameter auf ein einziges Punkt reduziert werden.
Da ist das Programmstück:
<html>
<head>
<title></title>
<meta name="author" content="Katti">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
div.test {
border-width:1px;
border-color:black;
border-style:solid;
width: 100px;
height: 100px;
}
</style>
<script language="javascript">
function f() {
document.getElementById("t").style.height="0px";
document.getElementById("t").style.width="0px";
}
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div class="test" id="t">
</div>
<input type="button" style="width:100px" value="los!" onClick="f();">
</body>
</html>
vielen Dank
kati
vielen Dank
LG
-
Hallo,
läßt sich die height-Eigenschaft von <div> nicht auf 0px setzen ? Wenn man nämlich die css-Eigenschaft height per Javascript ändert und sie anschließend abfragt, kommt schon das richtige raus(also 0px). Optisch sind es aber immer so cca.10px, wieso ? Ich brauche es nämlich für so eine Art Zoomfunktion und da sollen bei MouseMove die div-Parameter auf ein einziges Punkt reduziert werden.
Zufällig im IE getestet? der macht den div nie kleiner als die schrift ist.
Documenttyp fehlt.
<html>
<head>
<title></title>
<meta name="author" content="Katti">
<meta name="generator" content="Ulli Meybohms HTML EDITOR">
<style type="text/css">
div.test {
border-width:1px;
border-color:black;
border-style:solid;
width: 100px;
height: 100px;
}
</style><script language="javascript">
language --> type="text/javascript"
function f() {
document.getElementById("t").style.height="0px";
document.getElementById("t").style.width="0px";
}
</script></head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
all die angeben sollten durch css ersetzt werden.
<div class="test" id="t">
</div><input type="button" style="width:100px" value="los!" onClick="f();">
</body>
</html>Grüße aus Düsseldorf,
--
Aleksej-
Hallo
läßt sich die height-Eigenschaft von <div> nicht auf 0px setzen ? Wenn man nämlich die css-Eigenschaft height per Javascript ändert und sie anschließend abfragt, kommt schon das richtige raus(also 0px). Optisch sind es aber immer so cca.10px, wieso ? Ich brauche es nämlich für so eine Art Zoomfunktion und da sollen bei MouseMove die div-Parameter auf ein einziges Punkt reduziert werden.
Zufällig im IE getestet? der macht den div nie kleiner als die schrift ist.
Ach mööönsch Aleksej ist ja richtig was Du sagst, aber sei halt nicht so gemein und sag auch gleich was man dann macht:
Also kati, Setz dorthin wo das div 1px hoch sein soll ein line-height:1px (es geht übrigens auch line-height:0px) dann macht auch der IE das div 1px hoch.
Grüße aus Nürnberg, HarryS
-
-
Moin!
Also: Hast Du schon mal versucht den padding auf 0px zu setzen?
Wenn das auch nichts wird: es gibt noch clip:clip:rect(0px 0px 0px 0px);
MffG (Mit friedlich- freundlichem Grinsen)