• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS & FireFox

B

bossi

New member
Hallo Ihr,
ich habe ein Problem mit FireFox :mad: IE & Opera spielen super mit.
Also ich habe eine versteckte Tabelle von 100x100pixel, beim Klick auf ein Link kommt sie zum Vorschein.
HTML: 
<STYLE TYPE="text/css">
#tabelle {position:relative; top:10px;}
#versteckte_tabelle {position:static; z-index:1; visibility: hidden; left: 1px; top: 488px;}
</STYLE>
<center>
<div id="tabelle">
<table>
  <tr>
    <td>
      blablabla
    </td>
  </tr>
  <tr>
    <td>
      <div id="versteckte_tabelle"><br><br>xyz<br><br></div>
    </td>
  </tr>
  <tr>
    <td>
      blablabla
    </td>
  </tr>
</table>
</div>
<center>
Im IE & Opera sieht es so aus wen die Tabelle noch versteckt ist :
HTML: 
blablabla
blablabla
und im FireFox so
HTML: 
blablabla




blablabla
Ich habe also 2 Tabellen die via CSS Positioniert werden.
Tabelle 1 sollte zentriet im Browserfenster erschein und die versteckte soll von Positio der Tabelle1 auf der Linken Seiter dargestellt werden.
Nur mit diesen CSS Anweisung bekomme ich es hin das IE & Opera mitspielen, aber leider nicht der FF :confused:

Gruß
Bossi
 
Probiers mal so:
Code: 
#versteckte_tabelle {position:[B]relative[/B]; z-index:1; [B]display:none[/B]; left: 1px; top: 488px;}
 
das haut hin, aber meine anderen sachen werden nach unten gedrückt.
ich will eigentlich die tabele über die andere tabele legen (schablone) :confused:

tabele1 = *
tabele1 = #

*********************
*............................*
*............................*
#####....................*
#*.... #....................*
#####....................*
*********************
 
Wenn ich Dich richtig verstanden habe, willst Du eine unsichtbare Tabelle über eine andere legen. Diese wird dann durch einen Button "sichtbar", oder?

Kannst Du das vielleicht gebrauchen?

PHP: 
<input type="button" onclick="document.getElementById('t2').style.display='block'" value="einblenden"/>
<div style="position:absolute;top:100px;left:100px;">
<table border="1" id="t1" style="position:absolute;top:0px;left:0px;">
<tr><td>a</td><td>e</td></tr>
<tr><td>b</td><td>f</td></tr>
<tr><td>c</td><td>g</td></tr>
<table>
<table id="t2" border="1" style="position:absolute;top:0px;left:0px;display:none">
<tr><td>1</td><td>4</td></tr>
<tr><td>2</td><td>5</td></tr>
<tr><td>3</td><td>6</td></tr>
<table>
</div>

Tschau

Frank
 
habs mir nicht ganz genau angeguckt, aber in diesem fall würde ich vielleicht mit verschiedenen z-indexes arbeiten, oder du machst die andere Tabelle unsichtbar, wenn die eine sichtbar wird.
 
genau, ich möchte aber das jetzt von "t2" das "x" auf der "3" von "t1" ist :D
HTML: 
<html>
<head>
<title>title</title>
</head>
<body>
<center>
<input type="button" onclick="document.getElementById('t2').style.display='block'" value="einblenden"/> 
<div style="position:absolute;top:100px;"> 
<table border="1" id="t1" style="position:absolute;top:0px;"> 
<tr><td>1</td><td>2</td></tr> 
<tr><td>3</td><td>4</td></tr> 
<table> 
<table id="t2" border="1" style="position:absolute;top:0px;left:0px;display:none"> 
<tr><td>x</td>
<table> 
</div> 
</center>
</body>
</html>
 
So?

PHP: 
<html>
<head>
<title>title</title>
</head>
<body>
<center>
<input type="button" onclick="document.getElementById('t2').style.display='block'" value="einblenden"/> 
<div style="position:absolute;top:100px;"> 
<table border="1" id="t1" style="position:absolute;top:0px;left:0px;table-layout:fixed">
<colgroup><col style="width:50px;text-align:center"><col style="width:50px;text-align:center"></colgroup> 
<tr><td>1</td><td>2</td></tr> 
<tr><td>3</td><td>4</td></tr> 
<table> 
<table id="t2" border="1" style="position:absolute;top:0px;left:0px;display:none;table-layout:fixed">
<colgroup><col style="width:50px;text-align:center"><col style="width:50px;text-align:center"></colgroup>
<tr><td> </td><td> </td></tr> 
<tr><td>x</td><td> </td></tr> 
<table> 
</div> 
</center>
</body>
</html>
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben