> Tous les forums > Forum des Webmasters
 background-color qui marche pasSujet résolu
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
The Retriever
  Posté le 29/10/2011 @ 13:27 
Aller en bas de la page 
Petit astucien

bjs a tous

A pres plusieurs recherche je pensais avoir trouver la solution permettant de mettre un background-color dans des div imbriqué

a cause de plusieurs "div" float, qui'il fallait un "float:none;" pour que ca marche mais c'est pas le cas

donc je me retourne vers vous pour exposer mon probleme et trouver une solution...

voici le code en question

fichier.php

<body>

<div id="global">

<div id="logo">

<div id="logog">

<?php include 'logo.php'; ?>

</div>

<div id="logod">

<h1>Le site sur moi</h1>

</div>

<div id="menu">

<?php include 'menu.php'; ?>

</div>

</div>

</div>

[...]

le fichier.css

#logog{

float:left;

width:50%; height:100%; padding:0px; margin:0px;

text-align:right; }

#logod{

float:right; width:50%; height:100%;

padding:0px ; margin:-10px 0px 0 0; background-color:#33FF99; }

#logo {

float:none;

background-color:#0CF; }

html, body { height: 100%;

margin: 0;}

div#global { min-height: 100%; width: 720px;

padding: 0 10px; margin: 0 auto; position: relative; }

le fichier menu.php et head.php n'on pas de fond, c'est juste pour limiter la répétition du code sur toutes les pages, donc pas d'incidence

j'ai mis un bacground-color dans le logod, qui lui s'affiche (dans dreamweaaver) mais pas lors de l'essai en réel

le but est donc que le cadre logog+logod+menu le tout englober dans la div logo est un arriere plan mais pas le reste du site

merci



Modifié par The Retriever le 29/10/2011 13:34
Publicité
Dreamer
 Posté le 29/10/2011 à 14:53 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Salut

Il est préférable de mettre un background: transparent; qu'un background:none;

Le float:none; n'amène pas grand chose, je lui préfère un clear:both; !!

Regardes ceci, tu pourrais y trouver ce que tu cherches !!

elle
 Posté le 29/10/2011 à 19:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Message original par The Retriever

le but est donc que le cadre logog+logod+menu le tout englober dans la div logo est un arriere plan mais pas le reste du site

Euh, tu mets des backgrounds transparents (ou rien) pour les autres et la couleur sur la div qui englobe tout, non?



Modifié par elle le 29/10/2011 19:35
The Retriever
 Posté le 30/10/2011 à 14:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petit astucien

merci dreamer pour le lien du site effectivement j'y ai trouvé mon bonheur

elle, ben pk mon code ne marche pas alors que y'a pas les backgroung pour les autres

Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Souris Logitech MX Master 2S à 43,49 €
43,49 € 70 € -38% @Amazon
Mini PC MINISFORUM GK41 (Celeron J4125, 8Go RAM, 256Go SSD) à 195,49 €
195,49 € 229,99 € -15% @Amazon
Portable 15,6' Lenovo Legion 5 (Full HD, Ryzen 5 5600H, 8 Go, SSD 512Go, GeForce RTX 3060) + souris à 749,99 €
749,99 € 999 € -25% @Cdiscount
TV 43 pouces Toshiba UHD 4K QLED Android TV à 289 €
289 € 349 € -17% @Leclerc
Kit de 32 Go (2 x 16 Go) de mémoire DDR4 Corsair Vengeance LPX 3600 MHz CL18 à 107,42 €
107,42 € 145 € -26% @Amazon Allemagne
Clavier sans fil mécanique Logitech G915 TKL RVB à 119,99 €
119,99 € 160 € -25% @Amazon
Tour PC Lenovo IdeaCentre G5 (Core 5 11400F, 16Go RAM, SSD 512 Go, GeForce RTX 3060 12Go) à 749,99 €
749,99 € 999 € -25% @Cdiscount
Clé USB 3.2 Kingston DataTraveler Exodia DTX 128 Go à 11,99 €
11,99 € 18 € -33% @Amazon
Enceinte Portable Bluetooth JBL Go 3 à 29,90 €
29,90 € 40 € -25% @Amazon
Portable Acer Aspire (14 pouces, Core i3-1215U, 8 Go RAM, SSD 256 Go, Windows 11) à 399,99 €
399,99 € 599 € -33% @Amazon

Sujets relatifs
Web Worker en android browser 4.1 - 4.3 ne marche PAS!
background css disparait avec le responsive design
Background deux images CSS
Problème
Logiciel gratos de site qui marche sur Win 7 SVP .
Colonne et background
background extensible et aléatoire
Background adaté à la taille de l'ecran
Changer voile background prettyPhoto
Autre méthode Background 100 %
Plus de sujets relatifs à background-color qui marche pas
 > Tous les forums > Forum Forum des Webmasters