[ CSS ] Probleme de DIV et possitionnement

Probleme de DIV et possitionnement [ CSS ] - HTML/CSS - Programmation

Marsh Posté le 19-04-2003 à 20:42:33    

shemas de ce que je veux
 


DIV A
________________________________________
| ________  __________________________ |
| |      |  |                         ||  
| | DIV B|  |  DIV C                  ||
| |______|  |                         ||
|           |                         ||  
|___________|_________________________||

 
un DIV A encadrant deux div DIV B & C
difficulté, le DIV C est a coté du B et c'est lui qui fixe la taille du DIV A
 
aie :(
 
voici ce que j ai tenté


div.a{
 ??? }
div.b{
 ???
 width: 160px;
 height: 160px;}
div.c{
 ???
 height: 162px;
 margin-left: 160px;}

Reply

Marsh Posté le 19-04-2003 à 20:42:33   

Reply

Marsh Posté le 19-04-2003 à 20:47:06    

rajoute un "float: left" dans ton div B

Reply

Marsh Posté le 19-04-2003 à 20:49:03    

gizmo a écrit :

rajoute un "float: left" dans ton div B


deja essayé marche tant que le div c est plus petit que le div b mais dès que le div c est plus grand alors la parti qui "depasse" passe en dessous du div b :(
 
je voudrait qu il reste a coté.
 
je peux rajouter des div si besoin.

Reply

Marsh Posté le 19-04-2003 à 20:54:15    

voila la page a probleme
http://127.0.0.1/JJndforum2/mindex.php3?cat=2&sujet=2
une reponse est dans un DIV A
   la partie "nom + date + image" dans le DIV B
   la partie "reponse texte" dans le DIV C

Reply

Marsh Posté le 19-04-2003 à 20:56:07    

ca ne devrait pas se produire, vu que tu as déjà mis une marge à gauche pour ton div C.
Donc, soit tu as une erreur dans ton CSS qui fait que la marge est ignorée, soit tu as un espace supplémentaire et dans ce cas, il faut légèrement augmenter cette marge pour le combler.

Reply

Marsh Posté le 19-04-2003 à 20:56:48    

J-'-R a écrit :

voila la page a probleme
http://127.0.0.1/JJndforum2/mindex.php3?cat=2&sujet=2
une reponse est dans un DIV A
   la partie "nom + date + image" dans le DIV B
   la partie "reponse texte" dans le DIV C


 en gras [:turk182]

Reply

Marsh Posté le 19-04-2003 à 21:04:48    

j ai intervetis mes url dans mes onglets, désolé, c'est  
http://membres.lycos.fr/forum2j/mi [...] =2&sujet=2
 
voila

Reply

Marsh Posté le 19-04-2003 à 21:04:59    

Reply

Marsh Posté le 19-04-2003 à 21:48:43    

euh... oui, ben dans la page que tu montre, tu n'applique pas encore les changements.
 
Ce que je t'ai donné comme indication fonctionne, c'est ce que j'utilise pour mon propre site.

Reply

Marsh Posté le 19-04-2003 à 22:57:49    

gizmo a écrit :

euh... oui, ben dans la page que tu montre, tu n'applique pas encore les changements.
 
Ce que je t'ai donné comme indication fonctionne, c'est ce que j'utilise pour mon propre site.


j'ai bien sur essayé tes changement en local mais ca ne marche pas
( enfin, arretons le quiproquo, ca ne marche pas sous mozilla, et sous IE ca deconne au niveau des bordures - pas dans l'ennoncé de mon pb )
c'est donc pas la bonne solution ( mozilla respectant bien plus les norme que IE )

Reply

Marsh Posté le 19-04-2003 à 22:57:49   

Reply

Marsh Posté le 20-04-2003 à 00:03:04    

:sarcastic:  
MONTRE TES CHANGEMENTS!
 
Si je te dis que ça marche, et que c'est comme ça que j'ai fait sur mon site!!!
 
En plus, il te suffit de regarder la source.

Reply

Marsh Posté le 20-04-2003 à 00:08:45    

j ai fais avec un tableau,
mais je t assure que ca ne marchait pas,
car moi contrairement a ton site,
je n ai pas qu un div mais plein de div qui se succedent
et donc pas de position: absolute possible d'ou le truc ne marchait pas :(
 
enfin je pense...
 
tu as l air de mieux connaitre que moi :D alors bon...
 :jap:

Reply

Marsh Posté le 20-04-2003 à 00:30:14    

Hum...
En recopiant juste ce que je t'ai dit, j'ai ça: http://www.module-web.org/tmp/test2.htm
 
C'est drole, mais ca semble parfaitement fonctionner.
 
Cependant, il faudrait rajouter un div avec un "clear: left" comme attribut juste après le divC pour éviter les effets de bord...

Reply

Marsh Posté le 20-04-2003 à 00:45:37    

bon c'est pile ca que je cherche, je ne sais pas ou je me suis planté...
je v tout reprendre avec ton code :)  
 
 
merci bcp :jap:
 
( ps, tres bien ton site au passage ;) )

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed