---
title: "positionering skillnad mellan IE7 och IE6"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/160709-positionering-skillnad-mellan-ie7-och-ie6"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Addeladde"
published: "2007-05-25T17:45:14.000Z"
updated: "2007-05-25T19:08:22.000Z"
replies: 3
views: 231
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/160709-positionering-skillnad-mellan-ie7-och-ie6"
---

# positionering skillnad mellan IE7 och IE6

## #1 — Addeladde, 2007-05-25T17:45Z

Hej

I IE 7 så verkar positioneringen vara lite annorlunda jämfört med mot IE 6.
Top värdet i IE 7 följer FF medan i IE6 så ligger det lite längre ner.

Någon som vet en lösning?

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

## #2 — Troxy, 2007-05-25T18:19Z

Posta kod :)
Använder du standards- eller quirksmode?

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

## #3 — Addeladde, 2007-05-25T18:34Z

```

<!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" >
<head><title>
	Kalender
</title>
    <script type="text/javascript" language="javascript">
      var zIndexC = 1;
    </script>
    <style type="text/css">
  
	    html { font-family: Trebuchet MS; font-size: 11px; background-color: white; }
	    body { margin: 0; padding: 0; width: 332px; oveflow: hidden; position: relative; }
	    .lesson { position: absolute; background-color: #e73000; opacity:.7; filter:alpha(opacity=70); left: 0; border: solid 0.5px gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 100%; overflow: hidden; color: black; }
        .personal { position: absolute;   background-color: #8cc63f; opacity:.7; filter:alpha(opacity=70); left: 0; border: solid 1px #gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 100%; overflow: hidden; }
	    #vkCalendar {   }
	    #vkCalendar table { border: 0; border-collapse: separate; padding: 0; margin: 0; }
	    #vkCalendar table td { padding: 0; margin: 0; height: 30px; -height: 27px; width: 40px; color: black; border-bottom: solid 1px #CCCCCC; border-right: solid 1px #CCCCCC; padding-left: 5px; vertical-align: top; padding-top: 2px; }
	    #vkCalendar table #calendarItems { width: 290px; height: auto; background-image: url(App_Themes/default/images/calendar/bgDay.gif); border-right: none; padding: 0; }
	    #vkCalendar table #calendarItems #calendarItemsContainer { height: 100%; position: relative; }
	
    </style>
</head>
<body>
    <form name="form1" method="post" action="calendarday.aspx?day=2007-05-03" id="form1">
      <div id="vkCalendar">
	    <table cellspacing="0" cellpadding="0">
		    <tr>
			    <td><a name="">00:00</a></td>
			    <td rowspan="48" id="calendarItems">
			      <div id="calendarItemsContainer">
                      
                          <div id="CalendarItemsRepeater_ctl00_CalendarItem" class="lesson" onclick="zIndexC = zIndexC + 1; this.style.zIndex = zIndexC;" style="height:180px;width:100%;top:870px;z-index:0;">
	Webbdesign tors 06
</div>
                       
				   </div>
			    </td>
		    </tr>
		    <tr>
			    <td><a name="00:30">00:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="01:00">01:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="01:30">01:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="02:00">02:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="02:30">02:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="03:00">03:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="03:30">03:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="04:00">04:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="04:30">04:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="05:00">05:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="05:30">05:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="06:00">06:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="06:30">06:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="07:00">07:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="07:30">07:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="08:00">08:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="08:30">08:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="09:00">09:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="09:30">09:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="10:00">10:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="10:30">10:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="11:00">11:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="11:30">11:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="12:00">12:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="12:30">12:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="13:00">13:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="13:30">13:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="14:00">14:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="14:30">14:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="15:00">15:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="15:30">15:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="16:00">16:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="16:30">16:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="17:00">17:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="17:30">17:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="18:00">18:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="18:30">18:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="19:00">19:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="19:30">19:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="20:00">20:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="20:30">20:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="21:00">21:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="21:30">21:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="22:00">22:00</a></td>
		    </tr>
		    <tr>
			    <td><a name="22:30">22:30</a></td>
		    </tr>
		    <tr>
			    <td><a name="23:00">23:00</a></td>
		    </tr>
		    <tr>
			    <td style="border-bottom: 0;"><a name="23:30">23:30</a></td>
		    </tr>
	        </table>
        </div>
    </form>
</body>
</html>
```

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

## #4 — zcorpan, 2007-05-25T19:08Z

Ändra -height: 27px; till !height: 27px;

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/160709-positionering-skillnad-mellan-ie7-och-ie6
