28173 sujets

CSS et mise en forme, CSS3

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?


<!-- 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 &amp; 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&nbsp;</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;
} 
Bonjour jeremiez,

Une marge gauche significative sur div#right devrait convenir, non ?
Sinon, les bordures c'est juste pour l'exemple, hein ? Smiley cligne

Cdt,
Sylvain
ghost a écrit :
Salut,
ou un overflow: auto; à ton bloc droit.

Ah oui, c'est bien ça ! Smiley cligne
(hidden fonctionne aussi)
Smiley biggrin

Merci beaucoup !!!
Le margin-left j'avais deja teste ca marchait pas...
Mais le overflow marche, merci beaucoup, je connaissais pas du tout cette propriete.

Encore merci pour votre aide