CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Problème avec un DIV

omni_present
omni_present
Niveau 10
08 octobre 2006 à 13:06:35

Salut tout le monde, jai crée un chat box sur mon site dans un div mais celui ci "déborde" sur mon div de pied de page (regardez par vous même :
http://img145.imageshack.us/my.php?image=alacazamrw1.jpg )

ma source css pour le div du chat :

  1. chat

{
border : 1px groove #888888;
width : 160px;
background-color : #000000;
position : absolute;
top : 137px;
left : 790px;
}

Je voudrais savoir si il n´y a pas une solution pour ça :svp:

:merci:

deepblue
deepblue
Niveau 16
08 octobre 2006 à 13:16:18

Ta position absolue est la source tES problemeS :
- Quand tu l´utilises sur un objet (div, span...), il surpasse touts les autres objets
- En changeant la taille de ta fenetre, tu pourras admirer le jolie bug..En effet, il serra TUJOURS placé a 790px; par rapport a coté gauche de ta page

Solution (a bidouiller) :
- Mettre don div chat avenc le corps, et le mettre en float right
- En dessous du corps, mettre un div avec comme attribut css : clear:both;
- Attribuer une hauteur a ton chat et lui mettre : overflow:auto;

omni_present
omni_present
Niveau 10
08 octobre 2006 à 13:26:24

deep :d) je pensais bien que mon position absolute me cassait tout lol
Bon je vais voir avec ce que tu m´as donné
:merci:

omni_present
omni_present
Niveau 10
08 octobre 2006 à 13:27:44

Par contre en dessous du corps, le div avec clear:both, ça sert à quoi ?? ?

deepblue
deepblue
Niveau 16
08 octobre 2006 à 13:40:22

clear permet d´annuler l´effet de float :
clear:left; = annule l´effet de float:left;
clear:right; = annule l´effet de float:right;
clear:both; = annule l´effet de float:left; et float:right;

omni_present
omni_present
Niveau 10
08 octobre 2006 à 13:46:21

:ok: :merci:
je vais voir ça :)

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment