---
title: "CSS och IE6"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/184255-css-och-ie6"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Gimbo"
published: "2010-08-05T12:56:45.000Z"
updated: "2010-08-16T21:09:19.000Z"
replies: 3
views: 650
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/184255-css-och-ie6"
---

# CSS och IE6

## #1 — Gimbo, 2010-08-05T12:56Z

Hej,

Lyckades designa en sida och den såg bra ut i IE8 mindre bra ut i IE7 och inte alls bra i IE6, skulle behöva få den att se bra ut i IE6 också finns det några enkla hack att ta till med, det är mest headern som ser knasig ut, menyn som skall ligga under headern ligger ovanför headern. så här ser menyn ut:

```
<div id="wrapper-menu-top">
<div id="menu-top">
	<ul>
		<li><a href="index.html" title="Hem"><span>Hem</span></a></li>
		<li><a href="galleri.html" title="Galleri"><span>Galleri</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
		<li><a href="#" title="Links"><span>Länk</span></a></li>
	</ul>
</div><!--menu-top-->
</div><!--wrapper-menu-top-->
```

och CSS'en 

```
#wrapper-menu-top {
	width: 70%;
	margin: 0 auto;
	text-align: left;
}

#wrapper-menu-top {
	background: white url('images/bg02-white-left.png') no-repeat left top;
}

/*#menu-top {
	background: transparent url('images/bg02-white-right.png') no-repeat right top;
	overflow: hidden; <-- fixes FF problem
}
*/

#menu-top ul {
	margin-top: 95px;
	margin-left: 20px;
	padding: 1em 0 0 0;
	list-style: none;
	font-size: 85%;
	float: left;
	height: 10px;
}

#menu-top li {
	display: inline;
	float: left;
}

#menu-top a {
	float: left;
	background:url(images/menuleft.png) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	line-height: 1.5em;
}

#menu-top a span {
	background: transparent url(images/menuright.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	color:#5b8fbe;
	display: block;
	float: left;
	cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}
```

Några ideer?

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

## #2 — Nate.A, 2010-08-05T14:16Z

Hur ser det ut i IE 6 då? Har du någon URL till sidan så skulle det bli mycket lättare att hjälpa dig.

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

## #3 — Gimbo, 2010-08-08T12:10Z

Har tyvär ingen URL då sidan finns lokalt, men det blir ett väldigt stort mellanrum i vitt från topp ner till menyn.

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

## #4 — Paw, 2010-08-16T21:09Z

Försök och ladda upp den globalt så att vi kan få se den "live". Det gör det mycket enklare för oss att hjälpa dig.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/184255-css-och-ie6