Bonjour!
Voila, le probleme a du deja etre pose mais ca fait environ 2h que je cherche...
Je suis en train de developper un site: http://idop.byethost13.com/
En dessous de l'entete, j'ai un div principal (bordure bleue) qui encadre deux autres: une colone (last news bordure rouge) en float:left et a cotes une autre div (bordure noire) dans laquel apparait le contenu.
Mon probleme, sous IE le bloc a bordure noire est bien a cotes du bloc bordure rouge.
Sous firefox le bloc bordure noire se retrouve derriere le bloc bordure rouge.
y a t-il un moyen de regler ca?
CSS:
Voila, le probleme a du deja etre pose mais ca fait environ 2h que je cherche...
Je suis en train de developper un site: http://idop.byethost13.com/
En dessous de l'entete, j'ai un div principal (bordure bleue) qui encadre deux autres: une colone (last news bordure rouge) en float:left et a cotes une autre div (bordure noire) dans laquel apparait le contenu.
Mon probleme, sous IE le bloc a bordure noire est bien a cotes du bloc bordure rouge.
Sous firefox le bloc bordure noire se retrouve derriere le bloc bordure rouge.
y a t-il un moyen de regler ca?
<!-- site_contents begins-->
<div id="site">
<div id="left">
<?php
// last news mod
include_once("inc/news.php");
// newsletter mod
include_once("inc/newsletter.php");
?>
</div>
<?php include_once("inc/tool.php"); ?>
<div id="right">
<div id="cont_thumb">
<div id="thumb_news">
<p class="thumb_title">News & Events</p>
<a href="./news.php"><img src="images/news3.jpg" alt="newspaper image"></a>
<a href="./news.php"> Read news and events >>></a>
</div>
<div id="thumb_research">
<p class="thumb_title2"> Research </p>
<img src="images/research.jpg" alt="Research">
<a href="./research.php"> Access to research section >>></a>
</div>
</div>
</div>
</div>
<!-- site_contents ends -->
CSS:
div#site {
width : 990px;
height : 100%;
border : 2px solid blue;
}
div#left {
background-color : #eff9ff;
width : 200px;
float : left;
margin-right : 20px;
border : 2px solid red;
clear : left;
}
div#right {
text-align : center;
margin-bottom : 0;
padding-left : 10px;
padding-right : 10px;
min-height : 615px;
height : 100%;
left : 10px;
border : 2px solid black;
}