---
title: "Renderingsproblem IE7"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/181297-renderingsproblem-ie7"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Syd"
published: "2009-11-18T18:05:45.000Z"
updated: "2009-11-22T10:38:54.000Z"
replies: 1
views: 308
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/181297-renderingsproblem-ie7"
---

# Renderingsproblem IE7

## #1 — Syd, 2009-11-18T18:05Z

Hej, 

Har fått frågan om jag kan fixa problemet <https://www.ilcut.com> har i IE7. Men går lite bet. Koden validerar. Verkar inte vara ett hasLayout-problem (min-height:1px sabbar den däremot i andra webbläsare.), men kan väl inte utesluta det helt och hållet.

Menyn hamnar alltså ovanför språkvalen i IE7, och gör det mesta i navigationsväg otillgängligt. 

Tips eller förslag på eventuell lösning är uppskattat!

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

## #2 — joser, 2009-11-22T10:38Z

Kollade sidan i IE7 med FF som referens hur det ska se ut. 

Problemet är inte hasLayout utan [collapsing margins](http://www.w3.org/TR/CSS21/box.html#collapsing-margins) för goda webbläsare och "fixarna" mha marginaler. 

IE skiljer pga blocken har hasLayout (vilket de ska ha här) och då inte följer standard varken i kontakt med floats eller för marginaler, dvs att omsluta floats "som ligger i vägen" eller att vertikala marginaler som förlänger varandra kollapsar med förälder- eller syskonelement.

IE6 anpassar höjden på #subbar till innehållet så enklast här är att ge den höjden för alla. 
IE6 behöver en pngfix eller alternativa bilder, en fix som brukar fungerar bra är [Twinhelix pngfix](http://www.twinhelix.com/css/iepngfix/).

Eftersom resten verkar fungera föreslår jag bara några ändringar i css som utgår från oförändrad html kod. :) 

```
#topbar {
/*	margin-top: -20px) * ta bort */
	height: 140px; /* var 165px */
	width: 100%;
}
#subbar {
	width: 1000px;
	margin: 0 auto; /* (bottom var -100px) */
	top: 0px;
	height: 59px; /* (40px) */
	position: relative;
}
#logo {
	width: 1000px;
	margin: 0 auto; /* (var: top 50px botttom 90px) */
}
#logo img.fl {
	margin-top: -30px; /* tillagt */
}
.meny {
	float: right;
	list-style: none; /* var disc */ 
/*	direction: rtl; * ta bort, kan vända på text-align */
/*	margin-top: 0px */
}
```

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/181297-renderingsproblem-ie7