28172 sujets

CSS et mise en forme, CSS3

Allignement de boites sous IE et opera

Bonjour,
J'ai un problème de compréhension du css sous IE et opera, ça marche nikel sous Mozilla et Safari. Le div id="left" se retrouve sous le div id="ph" alors que je le veux à gauche de ph... comment puis je faire pour résoudre ce problème?
Je cherche et cherche, mais impossible de trouver la solution. Aideeeeez moi svp !!
les pages concernées:
http://mayafleuretart.free.fr/compos.html
http://mayafleuretart.free.fr/mariage.html

Le CSS
. {margin:0; padding:0}

body
{
	margin: 0; 
     	text-align: center;
	background-color: #d9d6d7;
	list-style-type: none;
	color: black;
}

a 
{  
	color: black;
	font-size: 18px;
	font-weight: bold;
}


a:hover 
{
	color: blue;
}

#corps 
{	margin-left: auto;
	margin-right: auto;
	width: 787px;
	height: 1662px;
	text-align: left;
}

#liens 
{	float: left;
	margin-top: 180px;
	margin-left: 200px;
	text-align: center;
}

.menu 
{
	width:98px ; 
	height:65px ; 
	float: left; 
	margin: 5px;
	margin-right: 10px;
	padding: 0;
}

#ph 
{
	float: right;
	margin-right: 220px;
	font-size:40px;
	text-align: right;
	width: 250px;
	color: white;
}

#ph2 
{
	float: right;
	margin-right: 220px;
	font-size:40px;
	text-align: right;
	width: 240px;
	color: red;
}

#galerie_mini 
{
	list-style-type: none;
	float: left;
}

#up
{
	height: 220px;
	float: right;
	margin-right: 20px;
}

#left
{
	height: 800px;
	width: 250px;
}

#galerie_mini li 
{
	margin: 10px;
	float: right;
}

#galerie_mini li a img 
{
	border: 1px solid #ddccbb;
	margin: 2px 1px;
}


Le code de "mariage.html" 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <meta name="keywords"
 content="Maya Fleur et Art, fleuriste, Caissargues, Garons, Nîmes, Bouillargues, Marguerittes, Nimes, bouquet, fleurs">
  <meta name="author" content="mars.who@voila.fr">
  <title>Maya Fleur et Art : Mariages</title>
  <link rel="SHORTCUT ICON" href="image/favicon.ico">
  <link rel="stylesheet" href="css/style2.css"
 type="text/css">
  <script type="text/javascript" src="java/script.js"></script>
  <style type="text/css">
a:link {text-decoration: none;list-style-position: inside; text-align: center}
#corps {background-image: url(image/fond2.jpg);list-style-type: none;}
.menu {background-image: url(image/fondmenu3.jpg);}
  </style>
</head>
<body>
<!-- marge-->
<div id="corps"><br>
<div id="liens">
<div class="menu"><br>
<li><a href="http://mayafleuretart.free.fr/">Accueil</a></li>
</div>
<div class="menu"><br>
<li><a href="http://mayafleuretart.free.fr/deuil.html">Deuils</a></li>
</div>
<div class="menu"><br>
<li><a href="http://mayafleuretart.free.fr/compos.html">Compos</a></li>
</div>
<div class="menu"><br>
<li><a href="http://mayafleuretart.free.fr/contact.html">Contact</a></li>
</div>
<div class="menu"><br>
<li><a href="http://mayafleuretart.free.fr/commande.html">Commande</a></li>
</div>
</div>
<ul id="galerie_mini">
  <div id="up"> <li><a href="image/photo11.jpg"
 title="Bouquet de mariée"><img
 src="image/minis/m_photo11.jpg" alt="Bouquet de mariée"></a></li>
  <li><a href="image/photo12.jpg"
 title="Bouquet de mariée"><img
 src="image/minis/m_photo12.jpg" alt="Bouquet de mariée"></a></li>
  <li><a href="image/photo13.jpg"
 title="Bouquet de mariée"><img
 src="image/minis/m_photo13.jpg" alt="Bouquet de mariée"></a></li>
  <li><a href="image/photo14.jpg"
 title="Bouquet de mariée"><img
 src="image/minis/m_photo14.jpg" alt="Bouquet de mariée"></a></li>
  <li><a href="image/photo15.jpg"
 title="Bouquet de mariée"><img
 src="image/minis/m_photo15.jpg" alt="Bouquet de mariée"></a></li>
  </div>
  <div id="ph">
  <dl id="photo">
&nbsp; &nbsp;<dt>Bouquet de Mariée</dt>
    <br>
    <dd><img id="big_pict" src="image/photo11.jpg"
 alt="Photo 11 en taille normale"></dd>
  </dl>
  </div>
  <div id="left">
  <li><a href="image/photo16.jpg" title="Voiture"><img
 src="image/minis/m_photo16.jpg" alt="decoration voiture"></a></li>
  <li><a href="image/photo17.jpg" title="Voiture"><img
 src="image/minis/m_photo17.jpg" alt="decoration voiture"></a></li>
  <li><a href="image/photo18.jpg" title="Voiture"><img
 src="image/minis/m_photo18.jpg" alt="decoration voiture"></a></li>
  <li><a href="image/photo19.jpg" title="Voiture"><img
 src="image/minis/m_photo19.jpg" alt="decoration voiture"></a></li>
  <li><a href="image/photo20.jpg" title="Eglise"><img
 src="image/minis/m_photo20.jpg" alt="decoration eglise"></a></li>
  <li> <a href="image/photo21.jpg" title="Eglise"><img
 src="image/minis/m_photo21.jpg" alt="decoration eglise"></a></li>
  <li> <a href="image/photo22.jpg"
 title="Bouquet fille d'honneur"><img
 src="image/minis/m_photo22.jpg" alt="bouquet fille d'honneur"></a></li>
  <li><a href="image/photo23.jpg"
 title="Centre de table"><img
 src="image/minis/m_photo23.jpg" alt="centre de table"></a></li>
  <li><a href="image/photo24.jpg"
 title="Centre de table"><img
 src="image/minis/m_photo24.jpg" alt="centre de table"></a></li>
  <li><a href="image/photo25.jpg" title="Plan de table"><img
 src="image/minis/m_photo25.jpg" alt="plan de table"></a></li>
  </div>
</ul>
</div>
</body>
</html>


Merci de bien vouloir m'aider... je commence à m'arracher les cheveux !! Smiley biggol
ok merci je rajoute l'url dans la journée.
Edit: kompozer ne me laisse pas faire, c'est fou !!
Bon je le ferais lorsque j'aurais réglé mes soucis, sinon faudra le refaire à chaque édition de chaque page.
Modifié par mars (13 Apr 2008 - 11:46)
Bon personne à une petite idée? Smiley bawling
edit: help I need someone !!
help I need anyone !!
heeeeeelp !!
Modifié par mars (17 Apr 2008 - 00:18)
up
Personne à une petite idée??? C'est seulement mon deuxième site.... alors suis un peu perdu... je cherche, je cherche mais pas moyen de savoir comment résoudre ça.
Tu sais, c'est plus facile pour nous de répondre à ton problème s'il est visible.
Tu devrais nous donner les parties css/html qui pausent probleme et non pas tout ton code car on ne connait pas aussi bien que toi ta page. Tu peux te dire que si tu ne garde que ces portions de code là le problème n'apparaîtra plus et donc nous ne le verrons pas... sauf que normalement pour dire que tes deux divs pausent problèmes tu aurais déjà dut les tester dans un contexte neutre (je ne dit pas que tu ne l'a pas fait, je dit juste que si c'est le cas et que le problème persiste tu peux nous donner une portion de code réduite à son maximum).
Loin de moi l'envie d'être désagréable mais tu obtiendras plus de réponses et ne sera plus obliger de relancer ton topic continuellement.
Pour finir je dirait qu'à vu de pif je mettrai plus un float left à ton div left qu'un float right à ton div ph mais comme je te l'ai dit il y a trop d'infos pour être bien informé sur le sujet (à lire 1984 ^^).
Sujet clos
Aller à