---
title: "En litenlustig bugg med trädmeny som funkar i ie och nästan i mozilla. Hjälp!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/104469-en-litenlustig-bugg-med-trädmeny-som-funkar-i-ie-och-nästan-i-mozilla-hjälp"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "richi_f"
published: "2004-05-27T21:40:46.000Z"
updated: "2006-12-28T17:19:48.000Z"
replies: 3
views: 582
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/104469-en-litenlustig-bugg-med-trädmeny-som-funkar-i-ie-och-nästan-i-mozilla-hjälp"
---

# En litenlustig bugg med trädmeny som funkar i ie och nästan i mozilla. Hjälp!

## #1 — richi_f, 2004-05-27T21:40Z

Hej!

Har ett litet problem med en trädmeny från fastmenus.com som funkar ok i ie och ok i mozilla men i mozilla blir det konstigt. Kolla när man tryckt ut barnskor och fritidsskor. Verkar som om mellan rummen flyttat på sig...

Se <http://preztige.se/skon/vram.html>

Tacksam för hjälp! jag bifogar mina koder samt .js filen.

Mvh,
Richard

Här är css:en som jag använder:

```
.headers {	width: 90%;
	padding-left:10px;
	ffont-style: italic;
	border: silver 1px solid;
	background-color: #FFE6D9 ;
	}

body{
	background-color: white ;
	margin-top:0px; margin-bottom:0px; margin-right:0px; margin-left:0px;
	font-family: Verdana, Arial, Sans-serif;
	color: black;
}

table {
	font-size:8px;
}

img{border: 0px;}

A:hover {COLOR: #FF6E4C; text-decoration:underline;}
A:link{color: #CD4F39;text-decoration:none;}
A:active {color:red; #996633;text-decoration:none; }
A:visited {COLOR:#003399; text-decoration:none;  }

@media Screen
{

UL.tree LI {
	 LIST-STYLE-TYPE: none;
	 CURSOR:  hand;
	 }

UL.tree {
	MARGIN: 0px 0px 0px 0px;
}

UL.tree LI.Open UL {
	DISPLAY:  inline;  /* fix tabspace */
}

UL.tree LI.Close UL {
	DISPLAY: none;
	visibility: hidden;
}

UL.tree LI {
	FONT-SIZE: 10px;
	COLOR: #AC6717;
}

UL.tree LI UL LI {
	FONT-SIZE: 10px;
	padding:0px 0px 0px 35px; /*padding for li but buggy in Mozzilla*/
}

UL.tree LI UL LI UL LI {
	FONT-SIZE: 10px;
}

UL.tree UL LI UL LI UL LI LI {
	FONT-SIZE: 9px;
}

UL.tree LI:hover {
	COLOR: red;
}

.tree {
    width: 220px;
    padding: 0px 0px 0px 0px;
    border:0px dashed #3399CC;
    background-color:white;}
  * html tree {
    width: 240px; /* for IE5 and IE6 in quirks mode */
    width: 220px; /* for IE6 in standards mode */
  }

#tree1 {
	width:100%;
	background-color:#FFFFFF;
							/*	font-weight:bold; */
	CURSOR: default; pointer; hand;
 	DISPLAY: none;
	}

#transition {
	 width:100%;
	 filter:revealTrans(duration=1, transition=19);
	}

}
```

Här är htmlfilen med trädmenyn:

```
<HTML>

<HEAD>

<TITLE>menuFrame</TITLE>

<link rel="stylesheet" href="fastmenus.css" type="text/css">

<SCRIPT language=JavaScript src="fastmenus.js"></SCRIPT>

<link rel="stylesheet" href="skomenystyle.css" type="text/css">

</HEAD>

<BODY>
<table width="149" border="0" cellspacing="0" cellpadding="0" height="76">
  <tr>
    <td width="145" valign="top"><br>
      <ul class=tree id=tree1>
        <li> HERRSKOR 
          <ul>
            <li><a href="hram.html" target="hram">Tunna skor</a> 
            <li><a href="hram.html" target="hram">Promenadskor</a> 
            <li><a href="hram.html" target="hram">Sandaler</a></li>
            <li><a href="hram.html" target="hram">Kängor/Boots</a></li>
          </ul>
        <li> DAMSKOR 
          <ul>
            <li><a href="hram.html" target="hram">Lätta skor</a> 
            <li><a href="hram.html" target="hram">Promenadskor</a> 
            <li><a href="hram.html" target="hram">Sandaletter</a></li>
            <li><a href="hram.html" target="hram">Stövlar</a></li>
          </ul>
        <li> BARNSKOR 
          <ul>
            <li><a href="hram.html" target="hram">Sandaler</a> 
            <li><a href="hram.html" target="hram">Kängor</a> 
          </ul>
        <li> FRITIDSSKOR 
          <ul>
            <li><a href="hram.html" target="hram">Bekvämsandaler</a> 
            <li><a href="hram.html" target="hram">Sport barn</a> 
            <li><a href="hram.html" target="hram">Sport dam</a></li>
            <li><a href="hram.html" target="hram">Sport herr</a></li>
            <li><a href="hram.html" target="hram">Sportkängor</a></li>
            <li><a href="hram.html" target="hram">Gummistövlar</a></li>
          </ul>
        <li><img src="images/download.gif"><a href="hram.html" target="hram"> 
          <font size="1" face="Verdana">FYNDHÖRNAN </font> </a></li>
      </ul>

    </td>
    <td width="10" height="400" bgcolor="ffffff" background="vertikallinjesmall.gif">&nbsp;</td>
  </tr>
</table>
</BODY>

</HTML>
```

Bilagor:

- [fastmenus.js](https://www.webforum.nu/a/3638.js)

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

## #2 — Peter S, 2004-05-28T06:34Z

Utöka CSS:en med:

```
#tree1 ul,li {
    margin: 0;
    padding: 0;
}
```

Eller liknande.

 :)

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

## #3 — richi_f, 2004-05-29T15:14Z

Tack tack! Very nice!

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

## #4 — RGB, 2006-12-28T17:19Z

JavaScript, DHTML -\> HTML, XHTML & CSS

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/104469-en-litenlustig-bugg-med-trädmeny-som-funkar-i-ie-och-nästan-i-mozilla-hjälp
