Remplacement Table par div

Salut,

Je m'arrache les cheveux car j'ai besoin de remplacer une table (colonne menu & colonne contenu) par deux divs côte à côte alignés en haut.

Il doit certainement y avoir 1000 posts qui en parle mais j'ai besoin d'un système qui fonctionne bien sur les navigateurs depuis la 6ème génération ET sur les nouveaux navigateurs mobiles.

Quelqu'un pourrait-il m'aider ?

adresse de ma page : http://www.innovacall.com/conseil.html

les divs concernés sont :

#ffdivsubmenu
et
#ffdivcontent

dans le contexte de cette page, le ffdivsubmenu doit apparaître à gauche (en LTR) et ffdivcontent doit être à sa droite.

Lorsqu'il n'y a pas de menu ffdivsubmenu a une width de 0 et ffdivcontent prend toute la place.

Bien que la page soit une .html, il s'agit en fait d'une ASPX 1.1 avec un piti module maison pour être XHTML 1.0 Strict, ce qui est relativement rare pour un CMS.

++

Lolo
Modifié par Laurent Jordi (17 Apr 2009 - 10:45)

Bonjour

A priori un float left sur la première col/div devrait le faire, je vois pas trop où est le problème ?

Du coup si y'a la place et si des contenus existent soit les deux div se placent côte à côte soit l'un sous l'autre (mobiles par ex).

Quant à être valide xHtml Strict d'abord c'est pas rare (un tas de CMS en sont capables, c'est surtout un problème d'utilisateurs qui eux ne le sont pas...) ensuite ça ne présente aucun intérêt particulier sinon celui de répondre à un choix initial. Strict n'est pas plus valorisant que Transitional, et xHtml pas plus que Html.

Salut,

Merci pour les informations.

Je sais que plein de CMS sont XHTML la gageure était de rendre de l'ASP.net 1.1 XHTML.
La mouture 3.5 est en route...

Le float left semble fonctionner, j'ai quand même peur d'avoir des problèmes avec les fonds mais c'est un autre problème...

++

Merci

Laurent

Non ça ne fait pas ce que je veux

++

Laurent
Modifié par Laurent Jordi (17 Apr 2009 - 12:14)

Ah bon

++

Florent

Autrement, se former un peu à CSS ne peut pas faire de mal. Savoir comment fonctionne le positionnement flottant, par exemple, n'est pas un luxe, surtout quand quelqu'un nous conseille de l'utiliser et qu'on veut l'appliquer.

Voici donc un peu de lecture:

http://openweb.eu.org/articles/initiation_float/
http://www.alsacreations.com/tuto/lire/588-trois-colonnes-float.html (on supprime la colonne de droite, et on a le résultat attendu )
Modifié par Florent V. (17 Apr 2009 - 12:40)

Salut,

Merci pour le lien... Je vais réviser un peu. Etant donné que je ne fais pas toujours du CSS pendant mes missions, il peut m'arriver d'oublier certains détails lorsque je m'arrête pendant trop longtemps...

++

Laurent

Re,

Merci, l'exemple du menu est exactement ce que je veux faire. Je vais tester ça et voir si ça passe partout.

++

Laurent

Salut,

Bon ça commence à le faire mais j'ai un comportement différent (oserais-je dire comme d'habitude) entre IE 7 et les autres navigateurs au niveau du positionnement vertical des divs.

si tu compares
http://www.innovacall.com/Accueil.html
et
http://www.innovacall.com/Conseil.html

on voit qu'il y a un espace sous la barre de menus horizontale dans Accueil que l'on a pas dans IE.

Le menu et le contenu sont inclus dans un div id=ffdivoutercontent

Je lui ai mis top:0 margin-top:0 avec ou sans margin-bottom:auto mais rien n'y fait.

Tu aurais une explication ?

D'avance merci

Laurent