[css] Prob background-color

Discussion dans 'Web, design' créé par PunkDeLuxe, 15 Janvier 2007.

Statut de la discussion:
Fermée.
  1. Offline
    PunkDeLuxe condom
    Voilà pour une fois, c'est Firefox qui me brise les coucougnettes :-D
    J'aimerai avoir le même résultat que sous IE :p

    [IMG]

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>xxxxxx - Restaurants, services gastronomiques, recettes, actualit&eacute; gastronomique ...</title>
    <link href="style.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    
    <!-- Header - DEBUT -->
    <div id="bgheader">
            <div id="stats">
                    <b>315</b> restaurants, <b>29</b> services, <b>152</b> recettes
            </div>
            
            <div id="header">
            </div>
            
            <div id="bgmenu">
                    <div class="menu">
                            Accueil
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
                    <div class="menu">
                            Les restos
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
                    <div class="menu">
                            Services
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
                    <div class="menu">
                            Recettes
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
                    <div class="menu">
                            Articles
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
                    <div class="menu">
                            Forums
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
                    <div class="menu">
                            Le site
                    </div>
                    <div class="espmenu">&nbsp;
                    </div>
            </div>
    </div>
    <!-- Header - FIN -->
    
    
    <!-- Content - DEBUT -->
    <div id="content">
            <div id="bgcontent">
                    <div id="colgauche">
                            <h3 class="tgauche">Edito</h3>
                            <div class="cgauche">
                            Donec suscipit felis eget velit. Integer porta blandit velit. Sed velit lectus, consectetuer ut, hendrerit at, condimentum sit
                            amet, mauris. Mauris in arcu a urna malesuada congue. Ut velit tortor, euismod sed, vestibulum ac, tincidunt ac, felis. Nam elit.
                            Donec adipiscing condimentum magna. Phasellus nec nibh ac arcu rutrum fermentum. Cras quis augue. Donec viverra gravida enim. 
                            Nulla quis quam. Suspendisse sagittis erat sed justo. Proin in nisi.
                            </div>
                            
                            <h3 class="tgauche">Actualité</h3>
                            <div class="cgauche">
                            Donec suscipit felis eget velit. Integer porta blandit velit. Sed velit lectus, consectetuer ut, hendrerit at, condimentum sit
                            amet, mauris. Mauris in arcu a urna malesuada congue. Ut velit tortor, euismod sed, vestibulum ac, tincidunt ac, felis. Nam elit.
                            Donec adipiscing condimentum magna. Phasellus nec nibh ac arcu rutrum fermentum. Cras quis augue. Donec viverra gravida enim. 
                            Nulla quis quam. Suspendisse sagittis erat sed justo. Proin in nisi.
                            </div>    
                            
                            <h3 class="tgauche">Actualité</h3>
                            <div class="cgauche">
                            Donec suscipit felis eget velit. Integer porta blandit velit. Sed velit lectus, consectetuer ut, hendrerit at, condimentum sit
                            amet, mauris. Mauris in arcu a urna malesuada congue. Ut velit tortor, euismod sed, vestibulum ac, tincidunt ac, felis. Nam elit.
                            Donec adipiscing condimentum magna. Phasellus nec nibh ac arcu rutrum fermentum. Cras quis augue. Donec viverra gravida enim. 
                            Nulla quis quam. Suspendisse sagittis erat sed justo. Proin in nisi.
                            </div>  
                    </div>
                    
                    <div id="colcentre">&nbsp;</div>
                    
                    <div id="coldroite">
                            <div id="bgcoldroite">
                                    <h3 class="tdroit">Recherche sur le site</h3>   
                                    <div class="cdroit">test 1</div>
                                    
                                    <h3 class="tdroit">Inscrivez votre restaurant !</h3>    
                                    <div class="cdroit">test 1</div>
                                    
                                    <h3 class="tdroit">Inscrivez vous au site !</h3>        
                                    <div class="cdroit">test 1</div>
                                    
                                    <h3 class="tdroit">Partenaires</h3>     
                                    <div class="cdroit">test 1</div>
                            </div>
                            <div id="bgcoldroitebas">
                            </div>
                    </div>
            </div>
    </div>
    <!-- Content - FIN -->
    
    <!-- Footer - DEBUT -->
    <div id="footer">
    
    </div>
    <!-- Footer - FIN -->
    
    
    </body>
    </html>
    
    
    Code:
    BODY {
            background-color:#242424;
            margin:0px;
            font-family: Verdana, Arial, Helvetica, sans-serif;
            font-size: 11px;
    }
    
    #bgheader {
            height:142px;
            width:100%;
            background-image:url(images/bgheader.jpg);
            text-align:center;
    }
    #stats {
            text-align:right;
            width:915px;
            height:16px;
            margin:auto;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:10px;
            color:#FFFFFF;
    }
    #header {
            height:86px;
            width:915px;
            background-image:url(images/header.jpg);
            background-repeat:no-repeat;
            margin:auto;
    }
    #bgmenu {
            width:915px;
            margin:auto;
    }
    .menu {
            background-image:url(images/bgmenu.jpg);
            width:104px;
            height:19px;
            vertical-align:middle;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:bold;
            color:#242424;
            float:left;
    }
    .espmenu {
            float:left;
            width:3px;
            font-size:1px;
    }
    #content {
            width:100%;
            background-color:#FFFFFF;
    }
    #bgcontent {
            width:915px;
            margin:auto;
    }
    #colgauche {
            width:650px;
            float:left;
    }
    #colcentre {
            width:7px;
            float:left
    }
    #coldroite {    
            width:258px;
            float:left;
    }
    #bgcoldroite {
            background-image:url(images/coldroitedessus.jpg);
            background-repeat:no-repeat;
            background-color:#f1f1f1;
            width:258px;
    }
    #bgcoldroitebas {
            background-image:url(images/coldroitebas.jpg);
            background-repeat:no-repeat;
            height:9px;
            width:258px;
    }
    h3.tdroit{
            width:252px;
            height:25px;;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:bold;
            color:#242424;
            margin-left:auto;
            margin-right:auto;
            margin-bottom:0px;
            background-image:url(images/fdtitre.jpg);
            background-repeat:repeat-x;
    }
    .cdroit {
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:11px;
            color:#242424;
            margin-left:auto;
            margin-right:auto;
            width:252px;
    }
    h3.tgauche{
            width:644px;
            height:25px;;
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:12px;
            font-weight:bold;
            color:#242424;
            margin-left:auto;
            margin-right:auto;
            margin-bottom:0px;
            background-image:url(images/fdtitre2.jpg);
            background-repeat:repeat-x;
    }
    .cgauche {
            font-family:Verdana, Arial, Helvetica, sans-serif;
            font-size:11px;
            color:#242424;
            margin-left:auto;
            margin-right:auto;
            width:644px;
    }
    #footer {
            height:74px;
            width:100%;
            background-image:url(images/fdfooter.jpg);
            background-repeat:repeat-x;
            background-color:#242424;
            clear:both;
    }
    :)
    PunkDeLuxe, 15 Janvier 2007
    #1
  2. Offline
    xlr8 Elite
    une spécification de hauteur avec un min-height du div content?
    xlr8, 15 Janvier 2007
    #2
  3. Offline
    PunkDeLuxe condom
    Ne fonctionne que quand je met une valeur en pixel :/ un peu génant pour une page qui aura une valeur plus qu'aléatoire et qui dépendra du contenu :)
    PunkDeLuxe, 15 Janvier 2007
    #3
  4. Offline
    Noir Never forget who i am !
    Essaies en enlevant le ; qui a de trop dans la ligne de code suivante du CSS

    Code:
    h3.tgauche{
            width:644px;
            height:25px[COLOR=Red];[/COLOR];
    Noir, 15 Janvier 2007
    #4
  5. Offline
    PunkDeLuxe condom

    ne change rien :/
    PunkDeLuxe, 15 Janvier 2007
    #5
  6. Offline
    PunkDeLuxe condom
    Problème résolu sur : siteduzero ;)

    PunkDeLuxe, 15 Janvier 2007
    #6
Statut de la discussion:
Fermée.