Bonjour !
Me revoilà à vous soliciter après de long mois d'absense sur alsacréations !
Voilà sa fait des heures que je planche sur un problème.
Impossible à résoudre !
Site en question : -www.design-graph.info
Problème : Mise en page - sous firefox tous marche bien, mais sous ie rien ne va
Il y a des problèmes avec les boîte flottantes et les séparateurs hr suite à la création (dans le div contenu) d'un block gauche qui contiend tu texte, et d'un block droit.
Sous Internet Explorer (6) tous ce qui est après la balise ces div gauche et droit ce retrouve après le menu de gauche :
http://zea.yoopix.org/thmb/1174509355/213208108/78/bug-ie.png
Code source :
CSS : http://www.design-graph.info/includes/style.css
Je peux solutionner le problème en ajoutant simplement position : absolute dans le menu :
Problème : Le bas de page, malgré le clear both après le menu comme il devrait faire, c'est le menu qui passe dessus le bas de page.
Je ne comprend pas !?
D'où viens mon erreur !
Je veux simplement aligner deux div horizontalement !
Modifié par guicara (22 Mar 2007 - 18:34)
Me revoilà à vous soliciter après de long mois d'absense sur alsacréations !
Voilà sa fait des heures que je planche sur un problème.
Impossible à résoudre !
Site en question : -www.design-graph.info
Problème : Mise en page - sous firefox tous marche bien, mais sous ie rien ne va
Il y a des problèmes avec les boîte flottantes et les séparateurs hr suite à la création (dans le div contenu) d'un block gauche qui contiend tu texte, et d'un block droit.
Sous Internet Explorer (6) tous ce qui est après la balise ces div gauche et droit ce retrouve après le menu de gauche :
http://zea.yoopix.org/thmb/1174509355/213208108/78/bug-ie.png
Code source :
<div id="all">
<div id="header">
<div id="menu_horizontal">
<ul id="mh">
<li><b>Rubriques</b></li>
<li><a href="index.php" title="">Accueil</a></li>
<li><a href="kits.html" title="">Tous les kits</a></li>
<li><a href="dossiers.html" title="">Nos dossiers</a></li>
<li><a href="outils.html" title="">Outils Webmaster</a></li>
</ul>
</div>
</div>
<div id="menu">
<div class="elements">
// Contenu du menu
// Pub google
</div>
</div>
<div id="corp">
<div id="corp2">
<div id="gauche_index">
<h2>Design-Graph.info</h2>
<p>Curabitur vestibulum nibh ac pede. Ut at turpis eget eros cursus commodo. Aenean consectetuer. Donec at lacus. Maecenas adipiscing, mauris in pellentesque faucibus, est nulla gravida nunc, vitae laoreet
erat elit ut lacus. In scelerisque augue sed nisi. Ut tempus ipsum in arcu.
<br />
<br />
Quisque quis sapien sit amet sapien hendrerit tempus. Phasellus odio.
Pellentesque vitae enim. Maecenas tincidunt, massa ac accumsan viverra, augue metus vulputate erat, non faucibus tellus metus malesuada est.</p>
</div>
<div id="droite_index">
<ul id="index_gauche">
<li>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#d2d2d2">
<tr>
<td align="center">
<table cellpadding="3" cellspacing="1" border="0">
<tr>
<td align="center" bgcolor="#f0f0f0">
<b>Kit du jour</b><br />
<a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=92317478&friend_id=463428707&redir=cibleclick_jour.html"><img src="http://www.kitgrafik.com/kits/captures/kit_jour.jpg" border=0 widht=100 height=75 hspace=3 vspace=3 onload=this.style.filter='progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3)'></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</li>
<li>
<table cellpadding="0" cellspacing="0" border="0" bgcolor="#d2d2d2">
<tr>
<td align="center">
<table cellpadding="3" cellspacing="1" border="0">
<tr>
<td align="center" bgcolor="#f0f0f0">
<b>Meilleur kit</b><br />
<a href="http://www.cibleclick.com/cibles/clicks/symp.cfm?site_id=92317478&friend_id=463428707&redir=cibleclick_top.html"><img src="http://www.kitgrafik.com/kits/captures/kit_top.jpg" border=0 widht=100 height=75 hspace=3 vspace=3 onload=this.style.filter='progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=3)'></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</li>
<li>
<br />
<div style="margin-left:7px;">
<a href="#" title="Voir d'avanatge de kits graphiques ?"><img alt="Voir davantge de kits graphiques ?" src="http://www.design-graph.info/images/davantage_kits.png" /></a>
</div>
</li>
</ul>
<span class="spacer">-</span>
</div>
</div>
</div>
<div id="footer">...</div>
</div>CSS : http://www.design-graph.info/includes/style.css
Je peux solutionner le problème en ajoutant simplement position : absolute dans le menu :
.elements
{
padding-left: 30px;
position: absolute;
}Problème : Le bas de page, malgré le clear both après le menu comme il devrait faire, c'est le menu qui passe dessus le bas de page.
Je ne comprend pas !?
D'où viens mon erreur !
Je veux simplement aligner deux div horizontalement !
Modifié par guicara (22 Mar 2007 - 18:34)
