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

[CSS] Problème de divs

Lindows
Lindows
Niveau 8
01 avril 2012 à 12:19:42

Bonjour à tous,
j'ai un problème assez gênant, en effet j'ai deux divs qui ne sont pas placés dans la bonne.
Une petite capture d'écran pour vous éclairez:
https://image.noelshack.com/fichiers/2012/13/1333275425-screencap.png
Modurightup est dans la div de moduright, idem pour moduleft et moduleftup, moduleft et moduright sont dans la div content mais apparaissent pourtant dans le footer. POURQUOI ? :(
Aucune hauteur n'est définis pour menu, content, les modules et le footer.

Merci d'avance, n'hésitez pas à demander plus d'informations si vous ne comprenez pas mon problème :-)

vava740
vava740
Niveau 10
01 avril 2012 à 12:45:23

Si tu montrais ton code ce serait légèrement plus simple de t'aider :(

Lindows
Lindows
Niveau 8
01 avril 2012 à 12:49:16

site.php:
<div id="content">

<div id="moduleft">
<div id="moduleftup"><b>Bienvenue !</b></div>
ShuCMS est un Content Management System <i>(système de gestion de contenu)</i> développé en PHP et utilisant la bibliothèque jQuery User Interface pour son interface graphique.
<br />Vous pouvez le télécharger librement et de nombreux thèmes et modules sont disponibles !
</div>

<div id="moduright">
<div id="modurightup"><b>Les 5 derniers articles</b></div>

Toto<br />
Tata<br />
Tati<br />
Tutu<br />
Cucu

</div>

</div>

<div id="footer">
© ShuCMS - 2012 - Osmoz @ themadnes.com -
Toute redistribution non autorisée fera l'objet d'une action en justice. <a href="license.txt">Plus d'infos ...</a>
</div>

style.css:

  1. content {

background-color: #FAFAFA;
border: thin solid #A4A4A4;
border-bottom-width: 0;
}

  1. footer {

background-color: #FAFAFA;
border-radius: 0 0 6px 6px;
padding: 5px;
border: thin solid #A4A4A4;
border-bottom-width: 3px;
color: #2E2E2E;
margin: auto;
}

  1. moduleftup {

background: url(modulupbg.png);
border-radius: 6px 6px 0 0;
padding: 4px;
margin: -4px;
margin-bottom: 2px;
color: #ffffff;
font-size: 12px;
}

  1. moduleft {

width: 390px;
float: left;
border-radius: 6px; 6px 6px 6px;
padding: 4px;
border: thin solid #A4A4A4;
font-size: 12px;
margin: 15px;
}

  1. modurightup {

background: url(modulupbg.png);
border-radius: 6px 6px 0 0;
padding: 4px;
margin: -4px;
margin-bottom: 2px;
color: #ffffff;
font-size: 12px;
}

  1. moduright {

width: 420px;
float: right;
border-radius: 6px; 6px 6px 6px;
padding: 4px;
border: thin solid #A4A4A4;
font-size: 12px;
margin: 15px;
}

Thymotep
Thymotep
Niveau 10
01 avril 2012 à 12:52:17

Après les deux modules, dans le content, ajoute un <div class="clear"></div> et dans le CSS .clear { clear: both; } pour annuler les effets de float :)

Lindows
Lindows
Niveau 8
01 avril 2012 à 12:54:35

Ca marche nickel, merci beaucoup :-d

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