css versus ie6

**stroumfs** · 01/12/2008, 17h36

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**c_s_s** · 01/12/2008, 17h41

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.classe {
    font-size: 12pt; 
    text-align: center;
    margin: 50px 0;
}

**HiRoN** · 01/12/2008, 19h10

Salut,

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

**stroumfs** · 01/12/2008, 19h51

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

css versus ie6

CSS

Vue hybride

Discussions similaires

Partager

Partager