Mon ami IE6 et les CSS

Discussion dans 'Web, design' créé par KAMI, 19 Février 2008.

Statut de la discussion:
Fermée.
  1. Offline
    KAMI spim spam spoum
    Bien le bonjour à tous :=)

    Comme vous pouvez le voir dans le titre, j'ai un petit gros problème avec IE et mon site internet que je dois développer pour mon stage

    [IMG]

    Comme vous pouvez le voir, il y a un bug avec less css au dessus. En effet au dessus il y a des margin pour coller le design contre le bord de la page et sous internet explorer 6 il ne prend pas en compte ces margin.

    Comment puis je faire pour contourner cette non prise des margin ?

    D'avance merci à tous. :)
    KAMI, 19 Février 2008
    #1
  2. Online
    Jereck Procrastinateur
    Equipe GamerZ.be
  3. Offline
    NoBrain Touriste
    ie 6 comprend les marges donc c'est pas ça le problème. Différemment suivant le box model.
    Envois le code, on est pas dans la matrice hein :p
    NoBrain, 19 Février 2008
    #3
  4. Offline
    KAMI spim spam spoum
    Page index.
    PHP:
    <?php
    session_start
    ();
    error_reporting(4);
    ?>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="Content-style-type" content="text/css" />
        <meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1"/>
        <meta HTTP-EQUIV="Content-Language" CONTENT="fr"/> 
        <meta name="DC.Format" content="text/html" />
        <title>Intranet Web Page</title>
        <link rel="stylesheet" type="text/css" href="style.css">
        
    </head>
    <body>
    <div id="bigbig">
        <div class="cote">
            <div id="hyperbloc">
                <div id="blocbanniere">
                    <br><span class="administra"><a href="index.php?page=zone_admin">Administration</a></span>
                    <?php 
                        
    if(($_SESSION['is_logged'] == TRUE)){
                            echo(
    '<br/><span class="administra"><a href="index.php?page=logout">Logout</a></span>');
                        } 
                    
    ?>
                </div>
                <div id="bloccontenu">
                    <?php
                        
    switch($_GET['page']){
                            case 
    'zone_admin' : include ('auth.php');break;
                            case 
    'administration' : include('admin.php');break;
                            case 
    'verif' : include('verif.php');break;
                            case 
    'allnews' : include('grandnews.php');break;
                            case 
    'logout' : include('logout.php');break;
                            default : include(
    'accueil.php');break;
                        }
                    
    ?>
                </div>
            </div>
            </div>
        </div>
    </body>
    </html>
    Le CSS. Faut dire que le CSS et moi on est pas de grand copain :-D
    PHP:
    #bigbig{
        
    height:100%;
        
    width:100%;
        
    /*border:1px red solid;*/
        
    display:block;
        
    margin-top:-15px;
    }
    .
    cote{
        
    height:120px;
        
    width:101.5%;
        
    background-image:url(images/Untitled-1_03.gif);
        
    margin-left:-15px;
        
    /*margin-right:-30px;*/
        
    background-repeat:repeat-x;
    }
    #hyperbloc{
        
    margin:auto;
        
    height:586px;
        
    width:898px;
        
    margin-top:-15px;
    }
    #blocbanniere{
        
    margin:auto;
        
    height:120px;
        
    width:898px;
        
    background-image:url(images/petit_01.gif);
        
    background-repeat:no-repeat;
    }
    #bloccontenu{
        
    margin:auto;
        
    height:466px;
        
    width:898px;
        
    background-image:url(images/petit_03.gif);
        
    background-repeat:no-repeat;
        
    }
    KAMI, 19 Février 2008
    #4
  5. Offline
    Maleki Pain in the ass !
    Effectivement... Il y a quelques incohérences. o_O

    A quoi sert la div bigbig ? Je ne vois pas son utilité.
    Dans la div cote, tu indiques une hauteur de 120px alors que ta bannière et ton contenu (d'une hauteur de 586px) sont à l'intérieur ?
    En gros, c'est comme si tu essayais de faire rentrer un éléphant dans une Smart. :-D
    Peut-être est-ce les marges négatives qui posent problème ?

    Sur Firefox, cela donne quoi ?
    Maleki, 19 Février 2008
    #5
  6. Offline
    KAMI spim spam spoum
    Aucun problèmes sur firefox et IE7

    EDIT j'ai corrigé le problème de la banière :p petite faute d'inattention, c'est ce qui arrive quand on fait plusieurs choses à la fois :D
    KAMI, 19 Février 2008
    #6
  7. Offline
    KAMI spim spam spoum
    Heu je cherche je cherche mais je ne vois pas trop ce que je dois en faire. Quand je navigue sur ton lien, il me sort une fonction de fou :[]. Pas question de mettre le script qui link vers le code source car mon site reste en local et j'ai n'ai pas d'accès vers l'extérieur.

    Pour le moment je n'ai pas de moyen de tester ce que je viens de faire. j'ai créé un fichier respect.js qui contient la fonction complète et dans le head de mon index j'ai mis un lien vers ce fichier. Suis je dans le bon ?
    KAMI, 20 Février 2008
    #7
  8. Offline
    Maleki Pain in the ass !
    Oui, je suppose.
    Ton lien donne-t-il ceci :
    PHP:
    <!--[if lt IE 7]>
    <
    script src="respect.js" type="text/javascript"></script>
    <![endif]-->
    ? En supposant que respect.js se situe bien-sûr dans le même répertoire.
    Mais je ne comprends pas, tu as finalement réglé ton problème ou non ?
    Maleki, 21 Février 2008
    #8
  9. Offline
    KAMI spim spam spoum
    Non, mon problème n'est toujours pas résolu :-'

    PHP:
    <!--[if lt IE 7]>
    <![endif]-->  
    A cause de ces 2 lignes de code, le script est en commentaire... Je ne les ai donc pas mises.
    Ce script se trouve dans le head de ma page index et n'est pas entre les balises php.

    PHP:
    <head>
        <
    meta http-equiv="Content-style-type" content="text/css" />
        <
    meta HTTP-EQUIV="content-type" CONTENT="text/html; charset=iso-8859-1"/>
        <
    meta HTTP-EQUIV="Content-Language" CONTENT="fr"/> 
        <
    meta name="DC.Format" content="text/html" />
        <
    title>Intranet Web Page</title>
        <
    link rel="stylesheet" type="text/css" href="style.css">
        <
    script src="respect.js" type="text/javascript"></script>
        <script type="text/javascript">
            function ouvrir(url){
                window.open(url, '', 'height='+400+', width='+400+', toolbar=no, menubar=no, resizable=yes');
            }
        </script>
        <script type="text/javascript">
            function openNews(url){
                window.open(url, '', 'height='+600+', width='+500+', toolbar=no, menubar=no, resizable=yes');
            }
        </script>
    </head>
    KAMI, 22 Février 2008
    #9
Statut de la discussion:
Fermée.