FORUM Syndrome-OC - Jacky-PC


  Programmation


  Autre


  [CSS] Positionnement de DIV

 




6 utilisateurs inconnus

 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Positionnement de DIV

n°5453
ced-2k
TODO : Insert text here.
Posté le 16-04-2005 à 22:43:46  profilanswer
 

Bonjour :hello:
 
Je dois réaliser un site et je n'arrive pas à positionner mes blocs DIV comme je le voudrais.
Je dois mettre 3 blocs DIV sur une même ligne.

  • Le div de gauche contient une image et il s'adapte à la taille de cette image.
  • Le div du mileu contient du texte de taille variable (site dynamique) et s'adapter à la taille du texte.
  • Le div de droite contient une image et il s'adapte à la taille de cette image.


J'ai mis les deux div externes en float left et right mais celui de droite se place en dessous du div central je ne sais pas pourquoi  :(  
 
Quelqu'un aurait une idée? voice une page de test que j'ai fait en vitesse :
http://users.skynet.be/am271810/test/
 
Merci  :)

mood
Google
Posté le 16-04-2005 à 22:43:46  profilanswer
 

n°5454
Trracer
Posté le 16-04-2005 à 23:26:19  profilanswer
 

Declare la div de droite en première pour IE et ça devrait marcher :)


Message édité par Trracer le 16-04-2005 à 23:26:59
n°5455
ced-2k
TODO : Insert text here.
Posté le 16-04-2005 à 23:54:04  profilanswer
 

Merci Trracer cela fonctionne :) :jap:
Sait-on pourquoi cela réagit comme ça?? car ça ne me semble pas très logique...
 
Mais maintenant j'ai un autre problème :
Je voudrais que le texte que je met dans un div au mileu et pas au dessus.
La propriété "vertical-align: middle" ne semble pas fonctionner?!
 

Code :
  1. <div style="width: 100%; height: 100px; vertical-align: middle; border: 1px solid green;">
  2. test
  3. </div>

n°5456
Trracer
Posté le 17-04-2005 à 00:06:54  profilanswer
 

Ca fait partie des petits aléas de fonctionnement de IE ;)  
Le vertical-align ne concerne pas le texte mais les blocs uniquement (img par exemple).

n°5457
ced-2k
TODO : Insert text here.
Posté le 17-04-2005 à 14:26:19  profilanswer
 

je ne travaille pas sous IE mais firefox ;)
 
et je ne comprends pas le vertical-align... S'il marche sur les bloc, il devrait marcher sur le div interne de ce code non?

Code :
  1. <div style="height: 500px; width: 100%;>
  2. <div style="vertical-align: middle;">
  3.  test
  4. </div>
  5. </div>

n°5458
Trracer
Posté le 17-04-2005 à 17:26:50  profilanswer
 

Ah, bha alors Firefox a les mêmes soucis d'interpretation des div float que IE (Opera semble y être insensible) ;)
 
Sinon pour les alignements verticaux : http://www.student.oulu.fi/~laurirai/www/css/middle/

n°5459
ced-2k
TODO : Insert text here.
Posté le 17-04-2005 à 18:32:50  profilanswer
 

Ok je vais aller regarder ca :)
merci :hello:

mood
Google
Posté le 17-04-2005 à 18:32:50  profilanswer
 


Aller à :
Ajouter une réponse

  FORUM Syndrome-OC - Jacky-PC


  Programmation


  Autre


  [CSS] Positionnement de DIV

 

Hit Parade