Vous n'êtes pas connecté - 2 Membres connectés
Catégories
Graphisme
Flash (50)
Print (65)
Programmation
PHP (66)
ASP (2)
CSS (26)
Hardware
PC (34)
Mac (14)
Linux (5)
Divers
Blabla (257)
926 Sujets
12256 Réponses
Programmation > CSS > Problème de background
Problème de background
 Salut les d'jeuns, bon je vais faire court :

Dans une mise en page CSS j'ai un conteneur <div> avec une image en background. Dès qu'à l'intérieur de ce conteneur je mets un <div> en float:left, mon background du conteneur disparait ! Fuck ! C'est vraiment un petit Jokeur ce div !
Bon vla l'code :


là c'est bon :

    <div style="background-image:url('/images/bg-ptype.png');background-repeat: repeat-x;">
        <div style="width:380px">
            fuck me i'm famous
        </div>
    </div>


là c'est caca boudin :


    <div style="background-image:url('/images/bg-ptype.png');background-repeat: repeat-x;">
        <div style="width:380px;float:left;">
            fuck me i'm famous
        </div>
    </div>
Posté le 21 09 2007 à 17h19
benzor - Administrateur - www

Réponses - Problème de background
<< 1 2 >>
Vire le float: left !

Ce qu'il faut voir, c'est pourquoi tu veux mettre un float: left, et s'il y aurait pas un moyen de contourner le problème... :)


Edit:
Fixe les position du div exterieur... En fait sont width et son height sont mis à 0, on dirait... ^^'
Posté le 21 09 2007 à 17h21
Ishiro - Membre - www
mmm en fait oui, mais non...
un truc que je viens de capter : un div avec une position définie, passe "au dessus" de son conteneur en fait ?
Comment puis-je faire pour mettre des colonnes dans un conteneur, qui "poussent" ce conteneur selon le contenu de mes colonnes ?
Posté le 21 09 2007 à 17h47
benzor - Administrateur - www
 Ca marche comme ça (n.b: overflow:auto;):


<style type="text/css">
<!--
#conteneur {
    background-image: url(WongLogo.png);
    background-repeat: repeat-x;
    position:relative;
    overflow:auto;
}
#contenu {
    float:left;
}
-->
</style>

...

<div id="conteneur">
  <div id="contenu">Placez ici le contenu de  id "contenu"</div>
</div>
Posté le 21 09 2007 à 17h52
tyler - Membre - www
 

<div style="background-image:url('http://www.benzor.com/images/header.gif');background-repeat: repeat-x; position: fixed;">
    <div style="width:200px; float: left; ">fuck me i'm famous</div>
    <div style="width:200px; float: left;" >aaa</div>
</div> 
J'ai testé ça chez moi, ça a l'air de fonctionner comme tu le voudrais... Edit: Après vérif, mon position: fixed; s'adapte à la largeur des 2 div. En le remplaçant par le overflow: auto; le div conteneur prend la largeur de la page. Edit: J'ai plus le droit aux sauts de lignes ? Grrr.
Posté le 21 09 2007 à 18h02
Ishiro - Membre - www
Pour la balise position
Tout dépend de ce que tu souhaites après...
Posté le 21 09 2007 à 18h06
tyler - Membre - www
Ouais Tyler tu roxxe ! C'est le overflow:hidden qui me manquait :)
Merki !!!
Posté le 21 09 2007 à 18h07
benzor - Administrateur - www
 sinon faut créer une sorte de délimiteur :

    <div style="background-image:url('/images/bg-ptype.png');background-repeat: repeat-x;">
        <div style="width:380px">
            fuck me i'm famous
        </div>
        <div class="clear"></div>
    </div> 
avec en propriété .clear{clear:both;display:block;height:1px;} tu pourras mettre un float:left au contenu si ca te chantes :) attention toutefois sous ie5 et 6 la hauteur minimale est de 15px
Posté le 21 09 2007 à 18h10
senkante - Membre
En fait j'ai bidouillé un peu de CSS la semaine dernière (ma première page HTML1.0 Strict valide ^^ ), au passage j'ai trouvé un super article sur le choix des doctype (pour ceux que ça intéresse)...
Posté le 21 09 2007 à 18h11
tyler - Membre - www
ajouter à cela que le doctype peux évidement etre sur votre serveur ^^
Posté le 21 09 2007 à 18h39
senkante - Membre
Ha ? Connais pas...???
Posté le 21 09 2007 à 19h14
tyler - Membre - www
<< 1 2 >>
Sujets CSS
<< 1 2 3 >>
Object/Embed, IE et (...)
Auteur : Naxos
Posté le 12 11 2008 à 17h50
17 Réponses (Nouveau sujet)
Sujet visité 465 fois
Framework CSS
Auteur : Erto
Posté le 04 10 2008 à 11h52
3 Réponses (Nouveau sujet)
Sujet visité 469 fois
une page en (...)
Auteur : nicosla
Posté le 27 08 2008 à 15h18
6 Réponses (Nouveau sujet)
Sujet visité 589 fois
IE… de merde !!!
Auteur : Amo
Posté le 09 06 2008 à 15h45
21 Réponses (Nouveau sujet)
Sujet visité 1352 fois
Help !!! Bug menu (...)
Auteur : askhanir
Posté le 03 04 2008 à 13h46
14 Réponses (Nouveau sujet)
Sujet visité 974 fois
Sorte de fondu sur un (...)
Auteur : Lacrevette
Posté le 26 02 2008 à 22h20
4 Réponses (Nouveau sujet)
Sujet visité 642 fois
scroll horizontal
Auteur : nanook
Posté le 14 11 2007 à 13h53
16 Réponses (Nouveau sujet)
Sujet visité 2314 fois
Taille d'une image (...)
Auteur : LaGothine
Posté le 11 11 2007 à 21h27
10 Réponses (Nouveau sujet)
Sujet visité 1305 fois
Problème de (...)
Auteur : benzor
Posté le 21 09 2007 à 17h19
15 Réponses (Nouveau sujet)
Sujet visité 1222 fois
[CSS] Le retour est (...)
Auteur : bioz
Posté le 26 08 2007 à 11h48
2 Réponses (Nouveau sujet)
Sujet visité 926 fois
<< 1 2 3 >>
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006