---
title: "Css - Display: problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/125786-css-display-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "-=Stein=-"
published: "2005-04-05T20:03:31.000Z"
updated: "2005-04-05T20:03:31.000Z"
replies: 0
views: 244
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/125786-css-display-problem"
---

# Css - Display: problem

## #1 — -=Stein=-, 2005-04-05T20:03Z

Jag har en tabell precis 2 gömda tabeller, hur får jag dessa att gå över den som är under?
Alltså, hur gör jag att dom 2 gömda tabellerna inte "knuffar" ner tabellen under och går över den istället?

css koden ser ut följande:

```
<style type="text/css">
.show { display: block }
.hide { display: none }
</style>
```

exempel på tabell koden:

```
<table width="289" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="119" scope="col" onMouseOver="if(document.getElementById)
document.getElementById('tabell1').className='show'; if(document.getElementById)
document.getElementById('tabell').className='show';" onMouseOut="if(document.getElementById)
document.getElementById('tabell1').className='hide'; if(document.getElementById)
document.getElementById('tabell').className='hide';">Visa tabell 1 </th>
    <th width="151" scope="col" onMouseOver="if(document.getElementById)
document.getElementById('tabell2').className='show'; if(document.getElementById)
document.getElementById('tabell').className='show';" onMouseOut="if(document.getElementById)
document.getElementById('tabell2').className='hide'; if(document.getElementById)
document.getElementById('tabell').className='hide';">Visa tabell 2 </th>
    <th width="19" scope="col">&nbsp;</th>
  </tr>
</table>

<table class="hide" id="tabell" width="290" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="119" scope="col">
   <table class="hide" id="tabell1" width="100" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col">Tabell 1 </th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
    </table></th>
    <th width="151" scope="col">
   <table class="hide" id="tabell2" width="100" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <th scope="col">Tabell 2 </th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
      <tr>
        <th scope="row">&nbsp;</th>
      </tr>
    </table></th>
    <th width="20" scope="col">&nbsp;</th>
  </tr>
</table>
<table width="289" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <th width="289" scope="col">Tabellen  under </th>
  </tr>
</table>
```

Permalänk: https://www.webforum.nu/p/125786

---

Tråden på webben: https://www.webforum.nu/amne/html-css/125786-css-display-problem