Posta kod :)
Använder du standards- eller quirksmode?
Frågan#1
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?
positionering skillnad mellan IE7 och IE6
3 svar · 226 visningar · startad av Addeladde
<!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>
Ändra -height: 27px; till !height: 27px;