PDA

Volledige versie bekijken : Problemen met Div positionering in IE 6

perziah
%Europe/Berlin %541 %2008, 13:59
Beste mensen,
Het gaat om het volgende site ( www.tvm-e-learning.com )

Hij zit er nu perfect uit in IE 7 en mozilla, maar in IE komt mijn rechtere plaatjes onder mijn content te staan.
Het gaat om div : #recentproject

Alvast bedankt voor jullie reactie.

html{
scrollbar-face-color: #FFB081;
scrollbar-shadow-color: #FF6000;
scrollbar-highlight-color: #FF94CA;
scrollbar-3dlight-color: #ffffff;
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ffffff;
}
body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Arial,tahoma,verdana;
font-size: 12px;
height:100%;
color: #5B5C5E;
}
#inhalt {
width:790px;
height:100%;
text-align: left;
margin-left:auto;
margin-right:auto;
padding: 0px;
background-color: #ffffff;
border: 0px solid #4F7DA1;
}
#top {
background-image: url(../images/top.jpg);
background-repeat: no-repeat;
background-position:center;
margin: 0px;
padding: 0px;
height: 148px;
}
#content{
margin-left: 154px;
width:470px;
text-align: left;
padding: 0px;
background-color: #ffffff;
float: left;
}
#visie_missie {
background-image: url(../images/visieenmissie.gif);
background-color:#FFB081;
background-repeat: no-repeat;
margin-left: 154px;
margin-top: 9px;
height: 31px;
width: 477px;
}

#recentproject_logo{
background-image: url(../images/recent_project.jpg);
background-color:#FFB081;
background-repeat: no-repeat;
margin-left: 633px;
margin-top: -31px;
height: 31px;
width: 155px;
}
#recentproject{
font-family: Arial;
font-size: 10px;
margin-left: 633px;
width: 155px;
padding: 10px 0px 0px 0px;
border: 0px solid #cccccc;
text-align:center;
}
Lorrens
%Europe/Berlin %547 %2008, 14:07
Zou je even de html willen posten en de [ html ] tags willen gebruiken? maakt het 10x leesbaarder voor ons :)
perziah
%Europe/Berlin %552 %2008, 14:15
<link rel="stylesheet" type="text/css" href="tvmsite/style/style.css" />
<link href="tvmsite/menu/SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css">
<script src="tvmsite/menu/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>

<body>

<div id="inhalt">
<div id="menu"><?php include("tvmsite/menu/menu.php"); ?></div>
<div id="top"></div>
<div id="visie_missie"></div>
<div id="recentproject_logo"></div>
<div id="content">
<img src="tvmsite/images/dewerld.gif" alt="De werld verandert, leren ook" width="409" height="39" />
<p>tekst bal bal </p>

<div class="copyright">
<script language="JavaScript1.2">
copyright=new Date();
update=copyright.getYear();
document.write("Copyright &copy; 2000-"+ update + " TVM-e-Learning Concepts BV ");
</script>
</div>

</div>

<div id="recentproject">
E-learning voor nieuwe software Landelijke Politie Korpsen
<p><img " src="tvmsite/images/politie_2.jpg" alt="politie" width="150" height="113" /></p>
<p><img " src="tvmsite/images/politie_4.jpg" alt="politie" width="150" height="113" /></p>
<p align="center">Klik <a href="tvmsite/cases/politie.php" class="links">hier</a> voor een impressie</p>
</div>

</div>
</body>
</html>
zlk
%Europe/Berlin %570 %2008, 14:41
beetje een zooitje je docs, maar zo zou je het snel op kunnen lossen:

html>body #content{
margin-left: 154px;
width:470px;
text-align: left;
padding: 0px;
background-color: #ffffff;
float: left;
}
#content{
margin-left: 78px;
width:470px;
text-align: left;
padding: 0px;
background-color: #ffffff;
float: left;
}
perziah
%Europe/Berlin %574 %2008, 14:47
Bedankt voor je reactie, maar heb je het zelf je oplossing in IE 7 of Mozilla gezien?
perziah
%Europe/Berlin %595 %2008, 15:17
Best lang naar gezocht.
oplossing was:
position:absolute; toevoegen aan #content
zlk
%Europe/Berlin %672 %2008, 17:07
Bedankt voor je reactie, maar heb je het zelf je oplossing in IE 7 of Mozilla gezien?

html>body is voor FF en IE7 en die is precies hetzelfde als jou css