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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Répartir 3 colonnes horizontalement et IE6 compliant

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Répartir 3 colonnes horizontalement et IE6 compliant

n°1717362
igarimasho
Posté le 14-04-2008 à 17:04:19  profilanswer
 

Salut à tous.
 
J'essaye de répartir sur une même ligne, 3 colonnes horizontalement. La colonne de gauche et celle de droite doivent être caler sur les bords, et entre chaque colone je voudrais un espace. Donc pas possible de tricher avec des margin-right. Je voudrais que chaque colone ait la même classe, donc pas possible de tricher avec "colonne-gauche", "colonne-milieu", "colonne-droite".
 
J'ai un conteneur qui fait 660px de large, et je voudrais que chaque colonne fasse 210px de large, avec donc 2 espaces de 15px chacun. J'ai tenté de faire avec:
 
.column {
 width: 32%;
 margin: auto;
}
 
Mais ça foire, les colones sont alignées verticalement. Et avec un float: left, je n'ai pas d'espace blanc entre chaque colonne.


Message édité par igarimasho le 14-04-2008 à 22:29:35
mood
Publicité
Posté le 14-04-2008 à 17:04:19  profilanswer
 

n°1717391
flo850
moi je
Posté le 14-04-2008 à 18:08:09  profilanswer
 

oups , j'avais pas vu qu'elle devaient avoir la meme classe
 
alors , une solution crade serait de mettre une marge negative sur ton conteneur  
 


Message édité par flo850 le 14-04-2008 à 18:09:37

---------------

n°1717394
igarimasho
Posté le 14-04-2008 à 18:13:33  profilanswer
 

Si possible sans marge négative ou solution crade :D
 
La même classe c'est pas une nécessité absolue, mais bon si je commence comme ça, je vais me retrouver avec des centaines de classes et ça va devenir un sacré foutoir.

n°1717405
flo850
moi je
Posté le 14-04-2008 à 18:36:05  profilanswer
 

tu definie juste une classe firstColumn , c'est vraiment le plus simple


---------------

n°1717486
igarimasho
Posté le 14-04-2008 à 21:37:27  profilanswer
 

En effet avec firstColumn ça prend 30" à faire, et ça reste propre.

n°1717492
igarimasho
Posté le 14-04-2008 à 22:31:38  profilanswer
 

RAAAAHHHH bordel, dès que je mets des margin, IE6 explose tout! Pour une raison obscure, il me duplique le dernier caractère de la ligne et le met à la ligne suivante.
 
Donc comment faire pour contourner cette merde?
 
Le problème c'est qu'IE6 est encore utilisé par 30% des internautes :http://www.w3schools.com/browsers/browsers_stats.asp


Message édité par igarimasho le 14-04-2008 à 22:33:35
n°1717534
igarimasho
Posté le 15-04-2008 à 08:56:04  profilanswer
 

Ok c'est résolu, c'est un bug connu, il suffit de retirer tout commentaire html entre des éléments flottants.


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

  [CSS] Répartir 3 colonnes horizontalement et IE6 compliant

 

Sujets relatifs
[CSS] [JS] Formulaire personnalisé[CSS] Tit problème avec la bordure d'une table
différents traitements d'images sur une même page en CSScherche tutos pour CSS
Besoin d'aide pour du CSS: bandeau en CSS/JPG alambiqué...[CSS] Mon menu se dérobe
question héritage CSS[CSS] Mettre l'image background du body au 1er plan
Rotation CSS/HTML ???Pb PNG transparent sur IE6
Plus de sujets relatifs à : [CSS] Répartir 3 colonnes horizontalement et IE6 compliant


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