J'ai naviguer beaucoup sur le site de CSS pour me rendre compte que plusieurs site avait carrément laissé tomber les tableaux et créait des tableau avec des DIV et du CSS.
J'ai donc décider de m'essayer pour faire un tableau avec du CSS et de DIV pour réaliser que ce n'était pas aussi facile que je croyait.
Je me demandais alors si ça vos la peine de me casser la tête a faire mes tableau en DIV ou bien je continu a les faire avec <table> et du CSS pour leur donner un look ?
Les tableaux à l'origine ont été fait pour présenter des données ... tabulaires :)
Ils ont été détournés par les designers afin de structurer des pages web complexes.
Les avantages d'utiliser des block div en lieu et place des tableaux sont multiples :
- Avoir des sources sémantiquement correct
- Le code est beaucoup plus maintenable
- Les pages sont plus accessibles
- Le chargement et l'affichage des pages sont plus rapide
L'inconvéniant est qu'il n'est pas simple de mettre en place un design complexe à l'aide de ce système.
Est-ce que vous savez si il y a une façon d'alligner plusieurs DIV sur une meme ligne sans utiliser le float et sans dir le left exact a laquelle il doit être afficher.
La raison c'est que je veut mettre un DIV dans un DIV et avec firefox si je les met float mon DIV principale n'affiche pas le background. Il fait comme si il n'avait rien a l'intérieur ce qui est normal. Et si je lui met un alors tous mes mesure sont alors corrompu car le prend 4pixel.
<div style="width: 200px;"> <!-- celui ne va pa s afficher de couleur en background, firefox le voit comme si il était vide -->
<div style="float: left; width:100px;"> <!-- //celui ci va s'afficher -->
ALLO
</div>
<div style="float: left;" width:100px;> <!-- //celui ci va s'afficher -->
Je te conseil pour un design compliqué de mettre tout les div conteneurs en "position absolute". Ainsi, tu peux les positionners comme tu veux au pixel près avec "top" et "left"...
Maintenant, si c' est pour dessiner des tableaux, apart le "float: left " ou "float: right" je ne vois pas d' autre solution.
Mais ce n' est vraiment pas simple de simuler des tableau en simple CSS !!!!!
ok !! je voulais seulement savoir s'il y avait une autre facon !!!
Je crois que je vais me tenir a faire mes tableau en tableau. J'ai réussi avec les float tout fonctionne en IE mais en Firefox mon DIV conteneur ne prend pas le bgcolor ou les border, bref il ne s'agrandit pas a son contenue. Et tout comme La globule je n'aime pas le absolute.
J'ai réussi avec les float tout fonctionne en IE mais en Firefox mon DIV conteneur ne prend pas le bgcolor ou les border
Rho le mauvais firefox il arrive pas à afficher ta page correctement a moins que ca soit la faute a IE qui accepte tout et n'importe quoi ^^
Bref
bgcolor = background-color en CSS
Et pour les border faut lui preciser :
border-style: solid; pour qu'il te face une bordure.
Si ton DIV ne s'agrandit pas c est peut etre parce que tu la remplis de float ?
Si c'est le cas je te renvoi ici http://openweb.eu.org/articles/initiation_float/ ou tu trouvera un bon tuto pour les floats
Bien tu as raison c'est IE qui ne le fait pas comme il le faut. Un DIV ne devrait pas s'agrandir a cause qu'il y a seulement des float donc je vais vérifier ton tutorial !!
Je fais remonter ce sujet pour
y ajouter une question non réglée depuis...
des années, je crois...
Y a-t-il une possiblité de placer des DIV (boites flottantes) en relatif par rapport à une cellule de tableau et non en X et Y par rapport au point 0 en haut à gauche de la page...
Aisi je peux tout mettre dans un tableau centrer et ma DIV reste en position qq soit la résolution... Suis je clair ?
Bon en fouillant le web,
on trouve la réponse,
tel ci-dessous :
une div appelée conteneur dans laquelle tout le site se placera, il y a une petite ruse pour quelle soit toujours centrée qq soit la résolution de l'écran :
#conteneur {
margin-top: 5px;
position: absolute;
width: 780px;
left: 50%;
margin-left: -390px;
background-color:#8DA245;
border:1px solid #141B0B;
color: #141B0B;
}
Donc, la position d'abord à 50% du bord gauche et après un retrait de la moitié de la largeur de la div (-390px), qui correspond à la largeur de votrre site.
Mais j'ai une nouvelle question maintenant, pour laquelle, bien qu'ayant fait le tour sur plusieurs forum sur les CSS, je n'ai pas trouvé de réponse...
La question est : comment placer une div au-dessus d'une autre contenant une animation Flash .swf ?
J'ai les z-index bien numéroter, j'ai essayer plusieurs bricoles, mais rien,le test est visible à cette adresse :
http://peacockbass.free.fr
Remonter 
