Vous n'êtes pas connecté - 1 Membre connecté
Catégories
Graphisme
Flash (48)
Print (64)
Programmation
PHP (63)
ASP (2)
CSS (23)
Hardware
PC (34)
Mac (14)
Linux (5)
Divers
Blabla (240)
875 Sujets
11853 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 - www
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 - www
Ha ? Connais pas...???
Posté le 21 09 2007 à 19h14
tyler - Membre - www
<< 1 2 >>
Sujets CSS
<< 1 2 3 >>
Décalage incompris (...)
Auteur : askhanir
Posté le 14 02 2007 à 20h54
14 Réponses (Nouveau sujet)
Sujet visité 1170 fois
Problèmes de marges (...)
Auteur : koskoz
Posté le 26 11 2006 à 20h09
4 Réponses (Nouveau sujet)
Sujet visité 1003 fois
Problemes (...)
Auteur : geoffroy
Posté le 19 11 2006 à 02h09
6 Réponses (Nouveau sujet)
Sujet visité 869 fois
Menu déroulant (...)
Auteur : benzor
Posté le 20 11 2006 à 09h44
11 Réponses (Nouveau sujet)
Sujet visité 1050 fois
list-style-image ie
Auteur : o0o
Posté le 07 11 2006 à 15h34
4 Réponses (Nouveau sujet)
Sujet visité 1051 fois
Générateur de CSS (...)
Auteur : Polo
Posté le 30 09 2006 à 17h36
1 Réponse (Nouveau sujet)
Sujet visité 782 fois
CSS et CMS
Auteur : koskoz
Posté le 02 09 2006 à 13h37
10 Réponses (Nouveau sujet)
Sujet visité 765 fois
[Résolvu]CSS: mes (...)
Auteur : pup
Posté le 07 09 2006 à 15h28
16 Réponses (Nouveau sujet)
Sujet visité 519 fois
Les Css et (...)
Auteur : Tibooo
Posté le 03 09 2006 à 18h12
8 Réponses (Nouveau sujet)
Sujet visité 733 fois
Comment gérer ce (...)
Auteur : koskoz
Posté le 19 08 2006 à 14h08
20 Réponses (Nouveau sujet)
Sujet visité 656 fois
<< 1 2 3 >>
Mentions légales   -   Crédits   -   Nous contacter   -   © Benzor 2006