28172 sujets

CSS et mise en forme, CSS3

Probleme de mise en forme avec Internet explorer

Bonjour,
J'ai un site qui marche bien avec firefox mais avec Internet explorer j'ai un petit soucis .En fait comme vous le voyez dans l'image j'ai un petit décalage vers le bas du background-color upload/37907-problemein.jpg

Voici mon code Css:

#MenuHorizon
{
position:relative;
top:0px;
width:780px;
height:40px;
background:url(../Images/menu-bkgd.gif) no-repeat;
margin-left: auto;
margin-right: auto;
text-align: left;
z-index:1;
left: -1px;
}

.staticMenuItemSelectedStyle
{
background-color:#800000;
color:#ffffff;
height:35px;
text-align:center;
top: 0px;
}

J'espère que vous pouvez m'aider.
En fait c'est plutôt de l'ASP que j'utilise voici ci-joint mon code:

<div id="MenuHorizon">
<asp:Menu ID="Menu1" StaticDisplayLevels="2" DynamicHorizontalOffset="1" StaticSubMenuIndent="1px"
MaximumDynamicDisplayLevels="4" Orientation="Horizontal" DynamicPopOutImageUrl="~/Images/right-arrow.gif"
StaticPopOutImageUrl="~/Images/drop-arrow.gif" DataSourceID="smapMenu" runat="server"
Height="35px" CssClass="MargesMenu">
<StaticMenuItemStyle ItemSpacing="20" CssClass="staticMenuItemStyle" />
<StaticSelectedStyle CssClass="staticMenuItemSelectedStyle" />
</asp:Menu>
</div>

Pour la version d'internet explorer c'est explorer 9

Je viens de rajouter en css aussi ce code qui suit qui sera appliqué au menu déroulant:

.MargesMenu
{

margin-left:150px;
margin-right:151px;
margin-top: 0px !important;
margin-top: 0px;
}

Espérant que c'est devenu plus clair maintenant.
Naceur a écrit :
En fait c'est plutôt de l'ASP que j'utilise


Peu importe le langage côté serveur que tu utilises, le résultat final envoyé au navigateur est quand même du HTML. Ce que Mabelle te demandes c'est le résultat en HTML, pas ton code ASP.
Voici le code en HTML

<div id="MenuHorizon">
<a href="#ctl00_Menu1_SkipLink"><img alt="Ignorer les liens de navigation" src="/Naceur/WebResource.axd?d=g81VN5o7WYcCKYEzi9Lp3hSrBg4AygMf-cNNZW96V8fdDa4Ww2BVcFOTT0EL55jeqCiq4V8IoFcedmmLh8-GawRjv7M1&amp;t=634210436612724343" width="0" height="0" style="border-width:0px;" /></a>
<table id="ctl00_Menu1" class="MargesMenu ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
<tr>
<td onmouseover="Menu_HoverRoot(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" title="Page d'accueil" id="ctl00_Menu1n0"><table class="staticMenuItemStyle ctl00_Menu1_4 staticMenuItemSelectedStyle ctl00_Menu1_9" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 staticMenuItemStyle ctl00_Menu1_3 staticMenuItemSelectedStyle ctl00_Menu1_8" href="/Naceur/Index.aspx" style="border-style:none;font-size:1em;">Accueil</a></td>
</tr>
</table>

Je suis désolé au début j'ai bien saisi ce que veut Mabelle
Je vous ajoute une autre information c'est comme ci il y a un décalage vers le bas d'un bit (je sais plus mais c'est comme si le top:0px n'est pas pris en compte par internet explorer)

Merci
Bonjour Naceur,

il faut que tu trouve un moyen d’empêcher l'asp de générer des "meta-parametre" dans tes balise de tableau (ex. cellpadding="0")

Je n'y connais rien en ASP, mais tu pense pouvoirs essayer ceci ?
Bonjour,

Merci d'utiliser les balises [ code] et [ /code] (sans espaces) pour baliser les portions de code, c'est plus facile à lire.

Pour ton problème, juste pour être sûre, ton code HTML a bien un doctype ?
@ laurie:
1)Pour le doctype j'en ai et le voila:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

2) Pour le code j'ai fait comme t'as dis j'espère que ça peut aider 

<div id="MenuHorizon">
<a href="#ctl00_Menu1_SkipLink"><img alt="Ignorer les liens de navigation" src="/Naceur/WebResource.axd?d=g81VN5o7WYcCKYEzi9Lp3hSrBg4AygMf-cNNZW96V8fdDa4Ww2BVcFOTT0EL55jeqCiq4V8IoFcedmmLh8-GawRjv7M1&amp;t=634210436612724343" width="0" height="0" style="border-width:0px;" /></a>
<table id="ctl00_Menu1" class="MargesMenu ctl00_Menu1_2" cellpadding="0" cellspacing="0" border="0">
<tr>
<td onmouseover="Menu_HoverRoot(this)" onmouseout="Menu_Unhover(this)" onkeyup="Menu_Key(this)" title="Page d'accueil" id="ctl00_Menu1n0"><table class="staticMenuItemStyle ctl00_Menu1_4 staticMenuItemSelectedStyle ctl00_Menu1_9" cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td style="white-space:nowrap;"><a class="ctl00_Menu1_1 staticMenuItemStyle ctl00_Menu1_3 staticMenuItemSelectedStyle ctl00_Menu1_8" href="/Naceur/Index.aspx" style="border-style:none;font-size:1em;">Accueil</a></td>
</tr>
</table>
Sujet clos
Aller à