---
title: "css-menyproblem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/98287-css-menyproblem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "dea"
published: "2004-02-27T07:14:31.000Z"
updated: "2004-02-28T12:37:10.000Z"
replies: 2
views: 289
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/98287-css-menyproblem"
---

# css-menyproblem

## #1 — dea, 2004-02-27T07:14Z

Jag har problem med min meny.. 

Jag sitter på win 98 och tittar på min meny i IE eller Mozilla så ser menyn bra ut, men i Opera och Netscape 7.02 ser det inte bra ut.

Problemet är att i opera och netscape så är menuOn en pixel längre ner än i IE/Mozilla..

Någon som vet varför?
Har det med min doctype kanske? Det brukar vara problemet när man läser här på forumet.

ta en titt här: [menyproblem](http://homepage.te.hik.se/student/da11ak/meny/index.htm)

htmlkod:

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>Menyproblem</title>
	<link href="css/lindsdals.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class="header"></div>
<div class="menu"> 
	<a class="menuOn" href="#">HEM</a>
</div>
</body>
</html>
```

csskod:

```
.menu {
	background-color: #FFFFFF;
	background-image: url(../image/img_bg_menu.gif);
	background-position: 0px;
	background-repeat: repeat-x;
	border: #9CD0E4 1px solid;
	border-left-width: 0px;
	width: 710px;
	height: 20px;
	position: absolute;
	top: 100px;
	left: 0px;
	padding: 0 0 0 50px;
	margin:0px;
}

och

a.menuOn:link {
		position: relative;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 4px;
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 10px;
		border-style: solid;
		border-right-width: 1px;
		border-left-width: 1px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		border-color: #9CD0E4;
		color: #000000;
		background-color: #EFEFEF;
}
```

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

## #2 — mattiasnordin, 2004-02-27T14:49Z

Jag skulle prova att lösa det på något annat sätt. Vad vill du igentligen göra? Ska det bli en dynamisk meny?

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

## #3 — PepeJeria, 2004-02-28T12:37Z

Jag skulle också använda mig av en annan lösning, typ med \<li\>:s
<http://css.maxdesign.com.au/listutorial/index.htm>

Angående att det blir tokigt i Netscape 7.02, den browsen är baserad på Mozilla 1.0x, och då var "standards compliance mode" strängare än vad den är i dagens mozilla versioner. 
Idag kallas den för "almost standards compliance mode", detta för att likna mer IE:s buggiga implementering.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/98287-css-menyproblem
