css versus ie6

Version imprimable

01/12/2008, 16h36
stroumfs

css versus ie6
Bonjour, J'ai quelques petites difficultés à faire afficher correctement mes éléments dans mes pages web. Je développe actuellement une appli sous asp.net par contre lorsque j'ai tenté de valider mon affichage sous un autre ie que le 7 rien n'étais affichés correctement.

Par exemple :
Code:

1 2 3 4 5 6 { font-size: 12pt; text-align: center; margin: 50px 0; }
Mon text-align et le margin n'est aucunement appliqué. J'ai remarqué qu'il pourrait y avoir une dépendance avec mon doctype j'ai même essayer d'utilisé certains css hack comme l'utilisation du - devant certaines balises pour que cela ne s'applique uniquement en ie6 mais je n'arrive pas à avoir un affichage idem à celui obtenu sous ie7.
01/12/2008, 16h41
c_s_s
Bonjour,

Tu appliques ces propriétés à quelle classe ?
Code:

1 2 3 4 5 .classe { font-size: 12pt; text-align: center; margin: 50px 0; }
01/12/2008, 18h10
HiRoN

Salut,

Avoir avec le code HTML / CSS des éléments proches / liés avec le bout de CSS que tu donnes pourrait aider...

Les propriétés sont appliqués sur la classe suivante :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
.ImageHome
{
    font-size: 12pt; 
    text-align: center;
    margin: 50px 0;
}
 
/* \*/ 
* html .ImageHome
{
    text-align: center;
    margin-left:50px;
    margin-right:50px;
    margin-top:50px;
}
/**/

Le code de ma page sur laquel je fait mes tests pour le moment ressemble à ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication._Default" %>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" 
    "http://www.w3.org/TR/html4/loose.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>.:FORTERESSE | FORTRESS:.</title>
    <link type="text/css" href="~/Css/Main.css" rel="stylesheet" />
</head>
<body style="vertical-align: middle;">
    <form id="form1" runat="server">
    <div class="ImageHome">
        <asp:HyperLink runat="server" id="HyperLinkEnglish" NavigateUrl="~/Content/Home.aspx?Language=en" style="margin:10px auto;" ImageUrl="~/Images/StartPage_en.png" ToolTip="English" Text="English"></asp:HyperLink><br />
        <asp:HyperLink runat="server" id="HyperLinkFrench" NavigateUrl="~/Content/Home.aspx?Language=fr" style="margin:10px auto;" ImageUrl="~/Images/StartPage_fr.png" ToolTip="Français" Text="Français"></asp:HyperLink>
    </div>
 
    <div style="text-align:center;">
        <asp:HyperLink ID="HyperLinkW3" NavigateUrl="http://validator.w3.org/check?uri=referer" ImageUrl="http://www.w3.org/Icons/valid-xhtml10-blue"
        Text="Valid XHTML 1.0 Strict" Height="31" Width="88" runat="server"></asp:HyperLink>
    </div>
    </form>
</body>
</html>