Bug d'affichage sous IE

Marsh Posté le 11-07-2006 à 18:22:59

Je suis en train de faire un site. La page d'accueil doit etre parfaite. Ce qui est le cas a 100% sous firefox mais a 99% sous ie.
Un bug d'affichage que je n'arrive pas résoudre (j'ai tout essaié :sweat: )

La page web : (c'est une jpg)

Le bug est la partie haute de la page : la ligne blanche de séparation (image coupé en 2 avec les menus) horizontal ne doit pas avoir lieu.
Alors c'est simple j'ai un <table> puis 2 <tr> un pour la partie haute de l'image (l'image) et un pour la partie basse (en dessous de la ligne blanche, pour le bas de l'image et les menus).
Question : Pourquoi une ligne blanche de separation a lieu ?? les tr ne sont pas collé !
RQ : les menus sont des <td> dans le 2ème <tr>

Bref si vous connaissez des attributs de style pour virer cette espace, balancez...mais j'ai deja vachement insisté ! j'en peux plus :cry:

Message édité par Giz le 11-07-2006 à 20:21:27

Reply

Marsh Posté le 11-07-2006 à 18:22:59

Reply

Marsh Posté le 11-07-2006 à 18:40:56

t as du te planter dans le lien mais avec des tables en general
cellpadding="0" cellspacing="0" border="0" ca marche bien

Reply

Marsh Posté le 11-07-2006 à 20:24:23

oui j'ai essaié ce que tu as dis mais ca marche pas . C'est bon j'ai corrigé le pb d'url

Reply

Marsh Posté le 11-07-2006 à 20:42:24

code

Reply

Marsh Posté le 11-07-2006 à 21:01:47

Oui effectivement sinon ca risque d'être difficile . Je le mettrai demain. (au boulot)

Reply

Marsh Posté le 11-07-2006 à 22:19:42

Theoriquement il ne faut plus faire les mises en pages avec des <table>, il vaut mieux utiliser des <div>, afin de faire TOUTE la mise en page dans le fichier de style

Reply

Marsh Posté le 12-07-2006 à 10:05:21

Bon le code en vrac a partir de IE (générée par de multiples JSP). Normalement il y a juste le code du header. (mon pb)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr">
<head>

<title>

Accueil

</title>
<link href="/fermette/template/_default/css/style_cms_website.css" rel="stylesheet" type="text/css">
<meta name="keywords" content="VALODI, dechets industriels, valorisation, conseil en gestion des dechets, producteurs, utilisateurs, professionnels">
<meta name="description" content="VALODI, société de conseil en gestion des Déchets, propose une nouvelle approche pour améliorer la gestion des Déchets Industriels grâce à un partenariat entre Producteurs, Utilisateurs et Professionnels.">
<base href="http://localhost:8080/fermette/module/cms/process/processPublic.jsp">
</head>
<body bgcolor="#FFFFFF">

<center>
<div style="width: 1000;" >
<center>
<table width="100%" border="0" cellspacing="1" cellpadding="1" >
<tr>
<td width="800">
<div>



<script type="text/javascript"
src="/fermette/script/module/kernel/ypSlideOutMenusC.js">
</script>

<table width="800" border="0" cellspacing="0" cellpadding="0">

<tr width="100%">
<td align="left" colspan="6">
<a href="/fermette/;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D"><img src="/fermette/img/cms/website/fermette_home_banner.gif;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" border="0" alt="Bannière Fermette"></a>
</td>
</tr>


<tr align="left" style="height: -20px">

<td nowrap="nowrap" width="371">
<a href="/fermette/;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D"><img src="/fermette/img/cms/website/fermette_home_banner_bottom.gif;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" border="0" alt="Bannière Fermette"></a>
</td>

<td nowrap="nowrap" width="69" valign="top">

<div class="menuIn" style="padding: 6px;background-color: #A681B4; border-right: 1px solid #FFFFFF;">
 
<a href="/fermette/module/cms/process/process.do;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Accueil">Accueil</a> 
</div>
</td>
<td nowrap="nowrap" width="109" valign="top">
<div class="menuIn" style="padding: 6px;background-color: #A681B4;border-right: 1px solid #FFFFFF; ">
 
<a href="/fermette/module/ebiz/process/processArticle.do;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D?method=listArticleFromLink&idCat=0" class="menu" title="Nos produits">Nos produits</a> 
</div>
</td>

<td valign="top" align="left" width="83" style="border-right: 1px solid #FFFFFF;">
<table border="0" cellspacing="0" cellpadding="0" width="83">
<tr>
<td width="100%">

<script type="text/javascript">
new ypSlideOutMenu('menu7', 'down', 0, 0, 150, 15*1);

</script>

<div class="menuOut" style="padding: 6px;background-color: #A681B4; ">

<a href="/fermette/cms/page-7;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Historique" onmouseover="ypSlideOutMenu.showMenu('menu7');" onmouseout="ypSlideOutMenu.hideMenu('menu7');">Historique</a>
</div>
</td>
</tr>
<tr>
<td>
<div id="menu7Container" style="border-top: solid 1px #DDDDDD">
<div id="menu7Content" style="position: relative; text-align: left; background-color: #A681B4;">

 

<a href="/fermette/cms/page-10;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="sous menu">- sous menu</a> 
<br />

</div>
</div>
</td>
</tr>
</table>
</td>

<td valign="top" align="left" width="83" style="border-right: 1px solid #FFFFFF;">
<table border="0" cellspacing="0" cellpadding="0" width="83">
<tr>
<td width="100%">

<script type="text/javascript">
new ypSlideOutMenu('menu8', 'down', 0, 0, 150, 15*1);

</script>

<div class="menuOut" style="padding: 6px;background-color: #A681B4; ">

<a href="/fermette/cms/page-8;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Support" onmouseover="ypSlideOutMenu.showMenu('menu8');" onmouseout="ypSlideOutMenu.hideMenu('menu8');">Support</a>
</div>
</td>
</tr>
<tr>
<td>
<div id="menu8Container" style="border-top: solid 1px #DDDDDD">
<div id="menu8Content" style="position: relative; text-align: left; background-color: #A681B4;">

 

<a href="/fermette/cms/page-11;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="sous menu">- sous menu</a> 
<br />

</div>
</div>
</td>
</tr>
</table>
</td>

<td valign="top" align="left" width="83" style="border-right: 1px solid #FFFFFF;">
<table border="0" cellspacing="0" cellpadding="0" width="83">
<tr>
<td width="100%">

<script type="text/javascript">
new ypSlideOutMenu('menu9', 'down', 0, 0, 150, 15*1);

</script>

<div class="menuOut" style="padding: 6px;background-color: #A681B4; ">

<a href="/fermette/cms/page-9;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="Contact" onmouseover="ypSlideOutMenu.showMenu('menu9');" onmouseout="ypSlideOutMenu.hideMenu('menu9');">Contact</a>
</div>
</td>
</tr>
<tr>
<td>
<div id="menu9Container" style="border-top: solid 1px #DDDDDD">
<div id="menu9Content" style="position: relative; text-align: left; background-color: #A681B4;">

 

<a href="/fermette/cms/page-12;jsessionid=014CBDCFFA333D5FA0E2B06A6E250D3D" class="menu" title="sous menu">- sous menu</a> 
<br />

</div>
</div>
</td>
</tr>
</table>
</td>

</tr>

</table>

Message édité par Giz le 12-07-2006 à 10:06:59

Reply

Marsh Posté le 12-07-2006 à 10:11:31

En fait dans le code il y a : style="height: -20px" . C'est la avec n'importe quel moyen que j'essaie de remonter le seconde ligne du tableau.

Reply

Marsh Posté le 12-07-2006 à 11:19:03

Mais oui c'est ça . Je ne suis pas Web Designer ! je passe pas mon temps à coder une page HTML moi et à voir si ca marche sous les 2 navigateurs. Je suis un javateux à la base et je travaille sur du J2EE pas du HTML/CSS.
Sinon pour mon problème j'ai trouvé et c'est très vicieux ! ie de merde :fou: . Le premier <tr> jusqu'à </tr>, il faut tout coder sur la même ligne et la aucun espace est pris en compte . Une demie journée a recoder ma page pour rien à cause de ce bug ! :kaola:

Reply

Marsh Posté le 12-07-2006 à 11:20:38

Désolé.

Reply

Marsh Posté le 12-07-2006 à 11:20:38

Reply

Marsh Posté le 12-07-2006 à 15:10:01

Code :

<center>
<div style="width: 1000;" >
<center>
<table width="100%" border="0" cellspacing="1" cellpadding="1" >

[:psywalk]

ca suffit !

Code :

<table width="100%" border="0" cellspacing="1" cellpadding="1" >

Reply

Bug d'affichage sous IE

Sujets relatifs:

Leave a Replay