28173 sujets

CSS et mise en forme, CSS3

Salut tout le monde cela fait un moment que je bloque sur ce problème j’ai cherché un peu partout mais je trouve pas de solution
Voilà la page en question

Sous Internet explorer les blocs au centre s’affichent en bas alors qu’il devraient pas (sous FF tout est nickel)

Code CSS



Merci

Code Html
<?php

defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );

$iso = split( '=', _ISO ); echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';
?>
<!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>
<meta http-equiv="Content-Type" content="text/html; <?php echo _ISO; ?>" />
<title><?php echo $mosConfig_sitename; ?></title>
 <?php
if(file_exists($mosConfig_absolute_path."/components/com_bsq_sitestats/bsqtemplateinc.php"))
{
        require_once($mosConfig_absolute_path."/components/com_bsq_sitestats/bsqtemplateinc.php");
}
?>
<?php mosShowHead(); ?>
   <?php
        if ( $my->id ) {
	    initEditor();
         }
		 ?>     
               
               <!--[if IE]>
               <link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/ie-only.css";?>" rel="stylesheet" type="text/css" media="all" />
               <![endif]-->
			    <link href="<?php echo "$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/"; ?>template_css.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
			<script type="text/javascript">
             if(typeof sIFR == "function"){
             sIFR.replaceElement(".contentheading, .componentheading", named(
            {sFlashSrc: "mambots/system/tradegothic.swf", sColor: "#c64934", sWmode: "transparent"}
            ));

}
</script>
            <div id="container">
			     <div id="header">
				      <div id="topmenu"><?php if (mosCountModules('top')>0) mosLoadModules('top',0); ?></div>
			     </div> 
				 
				 <div id="top1">
				   <?php if (mosCountModules('banner')>0) mosLoadModules('banner',0); ?>
                 </div>
				 		     		  			 				
				 <div id="left">
			    <?php if (mosCountModules('left')>0) mosLoadModules('left',0); ?>
                 </div> 
				 
				 <div id="right">
			           <?php if (mosCountModules('right')>0) mosLoadModules('right',0); ?>
			     </div> 
				 <?php if (mosCountModules('user1')>0 && mosCountModules('user2')>0) { ?>
				 <div id="smallpad">
				 <table width="510px" border="0" cellspacing="5">
                   
                   <tr>
                    <td width="200px" valign="top"><?php  mosLoadModules('user1',0); ?></td>
                    <td width="300px" valign="top"><?php  mosLoadModules('user2',0); ?></td>
                   </tr>
                   </table>
				 </div>
				 <? }?>
			   <?php if (mosCountModules('user3')>0) { ?><div id="user3"><?php mosLoadModules('user3',0);  ?></div><? }?>
			  	<?php if (mosCountModules('user4')>0) { ?><div id="user4"><?php  mosLoadModules('user4',0); ?></div><? }?>
				 <div id="content">
				 <?php mosMainBody(); ?>
			     </div> 
				 
				  
				 <div id="footer"></div>
				    
			</div>
    </body>
</html>
J'ai le meme probleme, IE est un veritable casse tete et une perte de temps enorme... je suis pas mal degouter aussi...

http://magellanic.cyberlogic.net/~stpierre/e-baroque/public_html/e_baroque_cadres_030.php

Si vous avez du temps pour tester ce lien sur IE et FF vous verrer que la difference est enorme.

Bref la solution que je vois (aprés avoir chercher comme un malade) et de crée un CSS special IE...

Pour ton probleme je pense que tu devrait fair pareil, je trouve ca plus rapide que de chercher un compromis entre les 2 navigateurs.

J'ai continuer mes recherches, et je suis tomber la dessus, ca vient appuyer mon idée.
http://www.css4design.com/blog/index.php/2006/07/18/28-commentaires-conditionnels-d-internet-explorer-vs-hacks-css
Modifié par niksam (05 Jan 2007 - 18:45)
J'ai moi aussi le même problème! Sauf que moi c'est un peu différent dans le sens que sur mon ordi ça marche nickel sous IE et mozilla et sur celui de ma soeur y'a un soucis sous IE le pied de page se colle à l'entête.

Si certain veulent bien jetter un coup d'oeil pour me dire si ça apparait correctement ou non. Le site est en construction l'adresse est:
http://www.corinne-quirici-photographe.com/sandrine/index.html

Merci d'avance,
niksam a écrit :


Bref la solution que je vois (aprés avoir chercher comme un malade) et de crée un CSS special IE...

Pour ton probleme je pense que tu devrait fair pareil, je trouve ca plus rapide que de chercher un compromis entre les 2 navigateurs.

J'ai continuer mes recherches, et je suis tomber la dessus, ca vient appuyer mon idée.
http://www.css4design.com/blog/index.php/2006/07/18/28-commentaires-conditionnels-d-internet-explorer-vs-hacks-css


Merci pour la réponse justement je ne sais pas quoi mettre dans le css de IE pour résoudre le problème Smiley bawling