nicht angemeldet
Probleme mit Firefox
Hallo leute,
ich versuch mein Problem mal zu erklären:
Ich habe zwei div tags, in dem einem div-tag befinden sich halt einige elemente(kleine Tabelle..Textfeld).
Im zweiten div-tag auch.
Den ersten div-tag kann ich mit CSS wunderbar positionieren,
den zweiten aber nicht.Der zweite geht nicht nach meinen Angaben.
Bein IE explorer läuft alles,aber beim firefox tritt halt das oben beschriebene Problem auf.
Die beiden tags stehen nicht im Eltern-Kind verhältnis.
Wer weiss rat?
Dennis
-
Hallo leute,
Hallo,
[...]
Bein IE explorer läuft alles,aber beim firefox tritt halt das oben beschriebene Problem auf.Die beiden tags stehen nicht im Eltern-Kind verhältnis.
Wer weiss rat?
Leichtsinnsfehler (Tippfehler, ID vergessen, etc)?
Ich kann nicht sehr viel sagen, da ich mich nicht an solch ein Problem bei mir erinnere.
Zeig doch mal ein bisschen Code.Dennis
scherzkeks
jajaja, schönen Mittwoch undsoweiter
-
Hier ist zwar nicht der original code, aber das gleiche Problem...
(ist nur ein Beispiel, aber ich kann den Rechner nicht richitg Positionieren....)Ich habe testweise in dem Zweiten div einfach nur ein button
reingehauen, den kann ich auch super positionieren, aber den
Rechner der auch in einem div tag steht nicht.Ich hoffe man kann da irgenwie durchblicken...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script type="text/javascript">function ein(zahl)
{
ergebnis=document.forms[0].elements[0];
ergebnis.value+=zahl;
}function rechnen()
{
ergebnis.value=eval(ergebnis.value);}
function verstecken()
{
calc=document.getElementById('RECHNER').style;
calc.visibility="hidden";
}
function zeigen()
{
calc.visibility="visible";}
</script>
</head>
<body>
<div id="RECHNER" style="position:absolute;top:400px;left:200px;" >
<form>
<table border="0" align="center">
<td><img src="leiste.jpg" width="200" onclick="verstecken()"/></td><table border="1" width="200" align="center" cellpadding="5" >
<td align="center" bgcolor="#777777"><input type="text" size="20" style="text-align:right" readonly/></td><table border="1"align="center" cols="4" >
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="1" style="width:40px" onclick="ein(1)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="2" style="width:40px" onclick="ein(2)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="3" style="width:40px" onclick="ein(3)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="+" style="width:40px" onclick="ein('+')"/></td>
<tr>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="4" style="width:40px" onclick="ein(4)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="5" style="width:40px" onclick="ein(5)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="6" style="width:40px" onclick="ein(6)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="-" style="width:40px" onclick="ein('-')"/></td>
</tr>
<tr>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="7" style="width:40px" onclick="ein(7)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="8" style="width:40px" onclick="ein(8)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="9" style="width:40px" onclick="ein(9)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="/" style="width:40px" onclick="ein('/')"/></td>
</tr>
<tr>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="0" style="width:40px" onclick="ein(0)"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="." style="width:40px" onclick="ein('.')"/></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="reset" value="C" style="width:40px" /></td>
<td width="43" align="center" bgcolor="#AAAAAA"><input type="button" value="=" style="width:40px" onclick="rechnen()"/></td>
</tr></table>
</table>
</table>
</form>
</div>
<!-- Ich hätte natürlch auch den Button ohne div positionieren könen, ist aber ein Bespiel-->
<div style="position:absolute;top:10px;left:100px;">
<input type="button" value="Calc" onclick="zeigen()"/>
</div></body>
</html>-
Hier ist zwar nicht der original code, aber das gleiche Problem...
solange es wirklich die selbe Ursache ist...
(ist nur ein Beispiel, aber ich kann den Rechner nicht richitg Positionieren....)
jaja, versteh schon
Ich habe testweise in dem Zweiten div einfach nur ein button
reingehauen, den kann ich auch super positionieren, aber den
Rechner der auch in einem div tag steht nicht.oki
Ich hoffe man kann da irgenwie durchblicken...
noch nich wirklich ^^
Ich habs ein wenig gekuerzt und veraendert, denke jedoch an dem Problem selbst nichts geaendert zu haben (FireFox hat keinen Quirks-Modus, oder?). Schau doch mal, obs jetzt geht (hab keinen FireFox und will jetzt dafuer nichts mit meinem 56k-Modem, das (mit den "SmartSurfer"-By-Callern) auf 8k - 15k kommt nichts runterladen).
Versuch einfach mal zu vereinfachen und weniger kompliziert zu machen.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">»»// [...]
</script>
</head>
<body>
<div id="rechner" style="position:absolute; top:400px; left:200px;" >
<form action="" method="" enytype="">
<table style="border:none; text-align:center;">
<tr><td>[...]</td><td>[...]</td></tr>
</table>
</form>
</div>
<div id="mit_nem_button" style="position:absolute;top:10px;left:100px;">
<form action="" method="" enctype="">
<input type="button" value="Calc" onclick="zeigen()"/>
</form>
</div>
</body>
</html> -
Hallo,
Ich habe testweise in dem Zweiten div einfach nur ein button
reingehauen, den kann ich auch super positionieren, aber den
Rechner der auch in einem div tag steht nicht.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
Bitte gib einen vollständigen DOCTYPE an. @scherzkeks: Doch, auch FireFox hat einen Quirks-Mode.
<html>
<head>
<script type="text/javascript">hat nichts mit Deinem Problem zu tun.
</script>
</head>
<body>
<div id="RECHNER" style="position:absolute;top:400px;left:200px;" >Wie breit ist das DIV? Für IE ist es so breit, wie sein Inhalt, für FF geht es bis zur rechten Viewportkante. Tipp: so etwas sieht man, wenn man dem entsprechenden DIV testweise background-color:red; zuweist.
<form>
<table border="0" align="center">^Die Tabelle steht im IE in der Mitte vom DIV, welches so breit ist, wie sein Inhalt ;-). IM FF steht sie in der Mitte vom DIV, welches bis zur rechten Viewportkante geht.
Lösung:
Gib dem DIV eine Breite vor oder lass die Tabelle linksbündig stehen.viele Grüße
Axel
-
-
-
hi,
Die beiden tags stehen nicht im Eltern-Kind verhältnis.
In in welchem Verhältnis stehen sie, und damit dein Problem, zum gewählten Themenbereich Javascript ...?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }