du positionement de calques entre ie et mozilla

du positionement de calques entre ie et mozilla - HTML/CSS - Programmation

Marsh Posté le 23-10-2004 à 20:21:33    

alors voila,  
 
j'ai effaçé mon precedent topic sur le sujet qui n'etait pas clair du tout .
 
j'essaie simplement de faire la chose suivante  
 
Deux calques alignés (un a gauche un adroite) et un calque en dessous.  
 
Mes 2 premier calques ont une hauteur variable (parfois le plus haut est celui de gauche parfois celui de droite)  
 
mon troisieme calque qui s'affiche en dessous doit donc s'affcher en dessous du plus grand
 
 
j'ai fait ça :  
<div id="calmain style="width:100%;margin-left:auto;margin-right:auto;">
 
 <div  id="calgauche">
     <span class="titremoyen">Client</span>
     <hr>
     
 </div>
 
 <div  id="caldroite">
     <span class="titremoyen">Abonnement</span>
   <hr>agnes<br>agnes<br>agnes<br>agnes<br>agnes<br>agnes<br>  
   
 </div>
 
 <div id="calbas">antoine
 </div>
 
</div>
 
et  
 
#calgauche
{
 
 top:0px;  
 left:0%;
 width:49.5%;
 background-color:green;
 float:left ;
}
 
#caldroite
{
 margin-left:1%;
 float:left ;
 top:0px;  
 left:50.5%;
 width:49.5%;
 background-color:yellow;
}
 
#calbas
{
 width:100%;
 background-color:red;
}
 
 
 


Message édité par manofjah le 23-10-2004 à 20:27:22
Reply

Marsh Posté le 23-10-2004 à 20:21:33   

Reply

Marsh Posté le 23-10-2004 à 21:20:52    

Oui mais non. Impossible à l'heure actuelle sans le fameux bug des 3 pixels.  
A l'heure actuelle, pour avoir deux colonnes côte à côte qui "poussent" sur quelque chose en dessous, il n'y a qu'une table  qui fonctionne.
 
Il existe un hack qui évite le bug, mais il devient alors impossible de coller réellement les deux div côte à côte, et quand on y parvient, celui de gauche ne pousse plus sur le bas avec mozilla. [:itm]
 
Elle est pas belle la vie ?

Reply

Marsh Posté le 23-10-2004 à 21:31:16    

Hermes le Messager a écrit :

Oui mais non. Impossible à l'heure actuelle sans le fameux bug des 3 pixels.  
A l'heure actuelle, pour avoir deux colonnes côte à côte qui "poussent" sur quelque chose en dessous, il n'y a qu'une table  qui fonctionne.
 
Il existe un hack qui évite le bug, mais il devient alors impossible de coller réellement les deux div côte à côte, et quand on y parvient, celui de gauche ne pousse plus sur le bas avec mozilla. [:itm]
 
Elle est pas belle la vie ?


 
 
j'adore !!!
 
ca fait deux jourque je me casse le bec là dessus ....
 
mais bon, quelle est l'interet alors de programmer "propre" en css et sans tableau ?  
 
 :)  le code est zoli  
 
 :( c'est galere a gerer d'un navigateur à l'autre
 :(  il est tres dificile de faire exactement ce que l'on veut  
 :( prise de choux  

Reply

Marsh Posté le 23-10-2004 à 21:35:11    

manofjah a écrit :

j'adore !!!
 
ca fait deux jourque je me casse le bec là dessus ....
 
mais bon, quelle est l'interet alors de programmer "propre" en css et sans tableau ?  
 
 :)  le code est zoli  
 
 :( c'est galere a gerer d'un navigateur à l'autre
 :(  il est tres dificile de faire exactement ce que l'on veut  
 :( prise de choux


 
L'intérêt, c'est que tu prends de l'avance sur les technologie, qu'au bout d'un moment tu maitrises VRAIMENT les CSS et du même coup je JS/DOM puisque de nos jours, le JS s'appuie sur les CSS... Tu veux que je continue ?
 
Il ne s'agit pas de renoncer aux CSS ni aux divs, il s'agit d'utiliser les divs chaque fois que c'est possible et les tableaux quand c'est impossible ou que la solution des divs se révèle encore plus lourde.
 
Désolé mais pour le moment, un menu en float avec un contenu à droite qui pousse sur un div (ou autre) en dessous, faut une table pour ça, sauf si on se fout du décalage des 3 pixels...

Reply

Marsh Posté le 23-10-2004 à 21:54:51    

Hermes le Messager a écrit :

Oui mais non. Impossible à l'heure actuelle sans le fameux bug des 3 pixels.  
A l'heure actuelle, pour avoir deux colonnes côte à côte qui "poussent" sur quelque chose en dessous, il n'y a qu'une table  qui fonctionne.
 
Il existe un hack qui évite le bug, mais il devient alors impossible de coller réellement les deux div côte à côte, et quand on y parvient, celui de gauche ne pousse plus sur le bas avec mozilla. [:itm]
 
Elle est pas belle la vie ?


 
 
 :o  :non: Faut pas dire des choses dont on est pas sur !! c'est mal !
 
 
#calgauche
{
 float:left;
 width:49.5%;
 background-color:green;
 
}
 
#caldroite
{
 
 float:left;
 margin-left:1%;
 left:50.5%;
 width:49.5%;
 background-color:yellow;
}
 
#calbas
{
 
 clear: both ;
 width:100%;
 background-color:red;
}
 
 
 
 
<div class="grostitre algncenter" >Gestion des clients</div>
<br>
<br>
 
 
<div id="calmain style="width:100%;margin-left:auto;margin-right:auto;">
 
 <div  id="calgauche">
     <span class="titremoyen">Client</span>
     <hr>
 
     
 </div>
 
 <div  id="caldroite">
     <span class="titremoyen">Abonnement</span>
   
  </div>
 
 
 
 
 <div id="calbas">antoine
 </div>
 
</div>
 
 
 
 
ET CA MARCHES !!!!!!!!!!!!!


Message édité par manofjah le 23-10-2004 à 21:55:28
Reply

Marsh Posté le 23-10-2004 à 22:04:11    

manofjah a écrit :

:o  :non: Faut pas dire des choses dont on est pas sur !! c'est mal !
 
 
#calgauche
{
 float:left;
 width:49.5%;
 background-color:green;
 
}
 
#caldroite
{
 
 float:left;
 margin-left:1%;
 left:50.5%;
 width:49.5%;
 background-color:yellow;
}
 
#calbas
{
 
 clear: both ;
 width:100%;
 background-color:red;
}
 
 
 
 
<div class="grostitre algncenter" >Gestion des clients</div>
<br>
<br>
 
 
<div id="calmain style="width:100%;margin-left:auto;margin-right:auto;">
 
 <div  id="calgauche">
     <span class="titremoyen">Client</span>
     <hr>
 
     
 </div>
 
 <div  id="caldroite">
     <span class="titremoyen">Abonnement</span>
   
  </div>
 
 
 
 
 <div id="calbas">antoine
 </div>
 
</div>
 
 
 
 
ET CA MARCHES !!!!!!!!!!!!!


 
Montre la page qu'on rigole un bon coup... Tu n'as pas compris mon message visiblement...  :sarcastic:  
 
Ton div de gauche est en % et n'est pas fixe en largeur. Le problème dont je parle concerne un menu réel et normal...

Reply

Marsh Posté le 23-10-2004 à 22:07:53    

copie colle ce bout de code et tu verra bien ..
je sais pas si j'ai compris ou non ta reponse en tout ca, cela repond parfaitement a mon probleme donc...


Message édité par manofjah le 23-10-2004 à 22:08:01
Reply

Marsh Posté le 23-10-2004 à 22:09:34    

manofjah a écrit :

copie colle ce bout de code et tu verra bien ..


 
Non, autre chose à foutre. Toi ça fait deux jours que tu cherches, moi ça fait deux ans. :o
 

Citation :

je sais pas si j'ai compris ou non ta reponse en tout ca, cela repond parfaitement a mon probleme donc...


 
C'est certain que tu n'as pas compris ma réponse en effet, tu la comprendras plus tard. [:itm]

Reply

Marsh Posté le 23-10-2004 à 22:32:06    

Hermes le Messager a écrit :

Non, autre chose à foutre. Toi ça fait deux jours que tu cherches, moi ça fait deux ans. :o
 

Citation :

je sais pas si j'ai compris ou non ta reponse en tout ca, cela repond parfaitement a mon probleme donc...


 
C'est certain que tu n'as pas compris ma réponse en effet, tu la comprendras plus tard. [:itm]


 
 
j'ai envie d'etre impoli ....
tu te rend compte a quel point tu est pretentieux et pédant ???
 
 
1/ Je pose une question  
2/ tu me dis que c'est impossible  
3/ Je trouve une  solution qui fonctionne  
 
4/ et tu me dit que je suis trop con et que j'ai pas compris ta réponse ...
 
j'allucine  :ouch:  :ouch:  :ouch:  :ouch:  
 
 
 

Reply

Marsh Posté le 23-10-2004 à 22:57:39    

Moi je pense que tu t'énerve pour rien et que ça montre que tu n'as pas lu ce que t'as dit hermes  :D  
 
Relis toutes les réponse calmement et tu verra que tu as sauter une étape, d'autre part il ne t'as jamais traité de con  [:airforceone]

Reply

Marsh Posté le 23-10-2004 à 22:57:39   

Reply

Marsh Posté le 23-10-2004 à 23:09:05    

c'est pas grave  
on va pas se faché pour si peu non  
m'enfin
 
en tout cas le code que je fournis "pousse" sur le div d'endessous comme je voulais donc je suis content meme si c'est impossible  
 
bonne nuit !!

Reply

Marsh Posté le 22-12-2004 à 15:51:52    

En tout cas merci paske le coup du clear:both ca arrange bien mon affaire!!
A+

Reply

Marsh Posté le 29-01-2005 à 23:07:49    

FTG a écrit :

En tout cas merci paske le coup du clear:both ca arrange bien mon affaire!!
A+


 
de rien...

Reply

Sujets relatifs:

Leave a Replay

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