IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Espacement entre div


Sujet :

CSS

  1. #1
    Membre éclairé Avatar de rems033
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Mai 2007
    Messages : 513
    Par défaut Espacement entre div
    Salut à tous,
    Je viens vous voir car j'ai un probleme qui me turlupine!
    En effet, pour une en-tete j'ai crée un css et avec des div dans le fichiers HTML.
    L'assemblage est complet donc vous me direz nickel.
    Cependant, lorsque je test sur IE7, la j'ai un souci. Entre le header et le reste, il y un espacement blanc alors que sous FF, nickel
    Par contre, j'ai un autre probleme avec FF, un marquee n'apparait plus!
    Je vous laisse mes codes :
    CSS :
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
     
    #header_global {
        width:758px;
        height:138px ;
        margin: 0px auto;
        padding: 0;
        background-repeat:no-repeat;
    }
    #header_1 {
        float:left;
        padding: 0px ;
        margin: 0px;
        width:519px;
        height: 138px ;
        background-image: url(../img/montagne_01.jpg);
    }
    #content {
        float:left;
        padding: 0px ;
        margin: 0px;
        width:225px;
        height: 138px ;
    }
    #header_2 {
        padding: 0px ;
        margin: 0px;
        width:225px;
        height: 66px ;
        background-image: url(../img/montagne_02.jpg);
    }
    #actualites {
        padding: 0px ;
        margin: 0px;
        width:225px;
        height: 65px ;
        background-image: url(../img/montagne_04.jpg);
        text-align:center;
    }
    #actualites a {
        text-decoration:none;
    }
    #actualites a:hover {
        color:#FFFF00;
        font-weight:bold;
    }
    #header_3 {
        padding: 0px ;
        margin: 0px;
        width:225px;
        height: 7px ;
        background-image: url(../img/montagne_05.jpg);
        background-repeat:no-repeat;
    }
    #header_4 {
        float:left;
        padding: 0px ;
        margin: 0px;
        width:14px;
        height: 138px ;
        background-image: url(../img/montagne_03.jpg);
    }
    HTML :
    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
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
     
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>GITE DE SAINT DISDIER Pre-alpes du sud  dans les hautes alpes</title>
    <META NAME="Description" content="Situé dans les préalpes du Sud (Hautes-Alpes), le gîte de St Disdier en Dévoluy vous propose 24 places en demi-pension, pension complète ou gestion libre.">
    <META NAME="Keywords" content="Gite à louer, saint disdier, le devoluy, préalpes du sud, hautes-alpes, dormir, habitant, chambre, gîte, chambre d’hotes, location de gite, demi-pension, pension complète, hebergement groupe, location, vacances, été, hiver, campagne, repos, silence, massif, sports, détente, vacances, montagne, neige, loisirs, promenades, ski, ski de randonnée, randonnées, courses, raquettes, escalade, vtt, vélo tout terrain, via ferrata, ski de piste, surf, snowboard, glisse, tour du dévoluy, pic de Bure, paroi des gillardes, Les etroits, Le Sautet, Superdévoluy, la Joue du Loup, gastronomie, produits du marché, menus végétariens, céreales bio.">
    <meta name="Author" content="www.netkrea.com">
    <meta http-equiv="content-language" content="français, english, deutsch">
    <meta name="revisit-after"  content="31 days">
    <META NAME="Creation_Date" content="décembre 2002">
     
     
    <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
     
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
     
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
     
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
     
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    }
    //-->
    </script>
    <SCRIPT LANGUAGE="JavaScript">
    if (navigator.appName.indexOf("Netscape") >= 0)
    {
        document.writeln('<link rel="stylesheet" href="css/net.css" type="text/css">');
        document.writeln('<link rel="stylesheet" type="text/css" href="css/haut_de_page.css">');
    } else {
        document.writeln('<link rel="stylesheet" href="css/ie.css" type="text/css">');
        document.writeln('<link rel="stylesheet" type="text/css" href="css/haut_de_page.css">');
    }
    </SCRIPT>
     
    </head>
     
    <body onLoad="MM_preloadImages('img/01sur.gif','img/02sur.gif','img/03sur.gif','img/04sur.gif','img/05sur.gif','img/engsur.gif','img/deutschsur.gif')">
          <? require "fct.php";?>
    <div align="center">
      <table width="758" border="0" cellpadding="0" cellspacing="0">
        <tr bgcolor="#327E37"> 
          <td colspan="3"><img src="img/pixelv.gif" width="1" height="13"></td>
        </tr>
        <tr> 
     
      <td colspan="3">
          <div id="header_global">
            <div id="header_1">
            </div>
            <div id="content">
                <div id="header_2">
                </div>
                <div id="actualites">
                    <? 
                            require "admin/inclusion/connexion.php";
                            $query = "select texte from gite"; 
                            $result = mysql_query($query);
                            $string =mysql_result($result,0,"texte");
                            $bla=troislignes("$string");
                            print "<a href=\"#\" class=\"texte\" onClick=\"MM_openBrWindow('actu.php','actualites','scrollbars=yes,width=260,height=240')\"> 
                                          $bla</a>"; ?><br />
                    <marquee scrolldelay="280" width="150"><a href="#" class="texte" onClick="MM_openBrWindow('actu.php','actualites','scrollbars=yes,width=260,height=240')"><FONT COLOR="#FFCC00">&raquo;</FONT>
              <FONT COLOR="#FFCC00">En savoir +...     En savoir +...      En savoir +</FONT></a></marquee> 
                </div>
                <div id="header_3">
                </div>
            </div>
            <div id="header_4">
            </div>
     
        </div>    
      </td>
        </tr>
     
        <tr> 
          <td width="14" height="300" rowspan="12" valign="top" bgcolor="#327E37"><img src="img/espace.gif" width="14" height="8" vspace="0"></td>
          <td height="20" valign="middle" bgcolor="#4B8E4F" class="texte"> 
            <div align="center" class="texte"><font color="#FFFFFF" size="-2" face="Verdana, Arial, Helvetica, sans-serif"> 
              <? datefr()?></font></div></td>
          <td rowspan="12" valign="top" bgcolor="#327E37">
    Vous pouvez visualiser le résultat sur http://www.gite-devoluy.com/new/index.php

    Merci pour vos coms!

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Mets overflow:hidden sur ton div header_3.

  3. #3
    Membre éclairé Avatar de rems033
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Mai 2007
    Messages : 513
    Par défaut
    Bravo, c'était ca mais je ne comprends pas pourkoi, tu as une explication à tout hasard?
    C'est pour ma culture CSSienne !
    Merki

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    C'est expliqué là :
    http://www.developpez.net/forums/sho...46&postcount=2
    et dans de nombreuses autres discussions.

  5. #5
    Membre éclairé Avatar de rems033
    Profil pro
    Inscrit en
    Mai 2007
    Messages
    513
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Mai 2007
    Messages : 513
    Par défaut
    Merci, maintenant, j'ai compris pourquoi!
    Et tu n'aurais pas une idée pour le marquee qui n'apparait pas sous FF?

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. supprimer l'espace entre div
    Par infooo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 01/11/2013, 17h08
  2. [XHTML] Pb d'espaces entre Div contenant des images en XHTML Strict
    Par kiouz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 16
    Dernier message: 16/07/2007, 19h19
  3. Espace indésirable entre DIV
    Par tom42 dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 27/02/2007, 14h10
  4. [CSS] Supprimer espace entre 2 div sous Internet explorer
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 30/12/2005, 16h41
  5. Probleme espace entre DIV du a un FORM
    Par Little_Goldo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 26/10/2004, 20h50

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo