Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1400 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Css, séparer une boite en 2, imbrication ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Css, séparer une boite en 2, imbrication ?

n°1211062
korxx
Posté le 29-09-2005 à 19:40:46  profilanswer
 

Bonjour, je suis en train de remettre a jour un vieux site que j'avais fait pour l'ecole de ma soeur.  
 
(http://www.ac-nancy-metz.fr/IA54/site/moutrot/)  oui je sais c moche, il y a des frames etc.. c pour ca que je le remet a jour ;)
 
site en reconstruction :
http://stephane-l.club.fr/ecole/default.php
 
Donc mon choix pour la mise en page s'est penché sur le css, pour l'instant je m'occupe de la construction sans me soucier du design (choix des couleurs etc...)
mais j'ai un petit probleme avec la gestion des boites, je voulais séparer l'une d'elle en 2 (pour avoir une zone d'affichage texte a gauche et des images a droite)
mais j'y arrives pas...
 
(la page dont je parle : http://stephane-l.club.fr/ecole/dossier/village.php )
 
J'ai essayé de faire 2 div :
 
#gauche {
width: 400px;
}
 
#droite {
margin-left: 400px;
width: 275px;
}
 
mais dans ce cas ca me fout les images  a droite certe, mais en dessous du texte, les boites se superposent pas
alors pour resoudre le probleme j'ai fait ca :
 
#separateur {
position: static;
}
 
#gauche {
position: absolute;
width: 400px;
}
 
#droite {
position: absolute;
margin-left: 400px;
width: 275px;
}
 
et j'imbrique gauche (ou droite) dans separateur, alors ca marche mais sans que je comprenne pourquoi ca sort de mon cadre affichage...
 
 
Donc bref je comprends pas trop, si vous savez ce qu'il faut que je fasse :)


Message édité par korxx le 29-09-2005 à 20:20:33
mood
Publicité
Posté le 29-09-2005 à 19:40:46  profilanswer
 

n°1211164
FlorentG
Unité de Masse
Posté le 29-09-2005 à 21:49:02  profilanswer
 

Met un float: left sur la #gauche

n°1211171
korxx
Posté le 29-09-2005 à 22:03:41  profilanswer
 

FlorentG a écrit :

Met un float: left sur la #gauche


 
 
 :love:  :love:  :love:  
 
Merci beaucoup :)
 
J'avais essayé un float:right sur l'autre ca marchait pas :D
 
Bon ben ca marche et c'est en ligne, décidemment FlorentG je te serais redevable, tu m'a bien aidé, autant sur ce site, que sur le mien, un grand merci  :jap:


Message édité par korxx le 29-09-2005 à 22:07:18
n°1211173
FlorentG
Unité de Masse
Posté le 29-09-2005 à 22:07:03  profilanswer
 

Pour que le float right fonctionne, il faut mettre le #droite avant le #gauche dans le code HTML :)

n°1211175
korxx
Posté le 29-09-2005 à 22:08:29  profilanswer
 

FlorentG a écrit :

Pour que le float right fonctionne, il faut mettre le #droite avant le #gauche dans le code HTML :)


 
 
Ok, c'est noté :)
 
Effectivement je mettais dans le code html d'abord le gauche puis le droite et ca marchait pas  :sweat:  
 
Je comprends mieux maintenant  :jap:

n°1211178
korxx
Posté le 29-09-2005 à 22:10:23  profilanswer
 

aie ca marche sous firefox mais sous ie ca bug, ca decale encore en bas :(
 
C'est normal ?

n°1211238
gm_superst​ar
Appelez-moi Super
Posté le 29-09-2005 à 23:12:49  profilanswer
 

Oui. Enfin non, c'est un bug d'IE... Réduit un peu en largeur #droite


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
n°1211286
korxx
Posté le 30-09-2005 à 02:23:42  profilanswer
 

gm_superstar a écrit :

Oui. Enfin non, c'est un bug d'IE... Réduit un peu en largeur #droite


 
 
Ah merci bcp pour cette astuce :)  
 
Pas evident de s'accomoder aux bugs quand on debute en css, on pense d'abord qu'on a fait une erreur quelque part :)
 
Ca fonctionne parfaitement sous ie et firefox  :jap:


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Css, séparer une boite en 2, imbrication ?

 

Sujets relatifs
Pb d association une classe a nune boite de dialog[CSS] IE n'aime pas mon code...
CSS Petit éclaircissement[CSS] div & float
[CSS] propriété nécessaire ?Durée de vie d'un a:visited en CSS
CSS IE mini prob...déjà vu mais jarrive pas à mettre la main dessuspb de menu CSS
[CSS] bug IE ?Héritage de taille em (CSS).
Plus de sujets relatifs à : Css, séparer une boite en 2, imbrication ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR