[css] Prob background-color

Statut
N'est pas ouverte pour d'autres réponses.
P

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



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;
}
:)
 
xlr8

xlr8

Over the rainbow 🌈
une spécification de hauteur avec un min-height du div content?
 
1er
OP
P

PunkDeLuxe

condom
xlr8 a dit:
une spécification de hauteur avec un min-height du div content?
Cliquez pour agrandir...
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 :)
 
Noir

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];
 
1er
OP
P

PunkDeLuxe

condom
Noir a dit:
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];
Cliquez pour agrandir...

ne change rien :/
 
1er
OP
P

PunkDeLuxe

condom
Problème résolu sur : siteduzero ;)

Citation : Riko
Essaies d'ajouter un bloc <p class="antifloat":colere:/p> à la fin de ton bloc #content (juste avant la balise de fermeture de ton div #content).
Puis le css de .antifloat sera:
Code: 
Code : CSS

.antifloat {
        clear: both;
}
Cliquez pour agrandir...
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut