Besoin d'aide avec la mise en page (jQuery)

alt text http://img705.yfrog.com/img705/1337/layoutxt.jpg Besoin d'aide avec la mise en page (jQuery)

Je l'ai déjà cette mise en page CSS créé à l'aide, mais sa proie à des problèmes dans IE6 et 7. Je voudrais donc aider à recréer cette mise en page en utilisant jQuery (et jQuery Seulement) pour une compatibilité maximale. La seule partie difficile est le verticalement et horizontalement redimensionnable (sur le redimensionnement du navigateur ainsi) zone de contenu.

Edité pour ajouter: Je dois utiliser jQuery pour la zone de contenu redimensionnable seulement, je ne veux pas utiliser la hauteur: 100% hacks, ils ne fonctionnent pas bien.

J'apprécierais vraiment toute aide. Merci beaucoup!

Source

2009-12-24 3zzy

vous pourriez probablement utiliser quelque chose comme http://www.bigbaer.com/css_tutorials/two-column-header-footer.htm –

Utilisez un tableau pour votre mise en page. Vous obtenez le redimensionnement de votre zone de contenu gratuit - pas de hacks, pas de javascript, fonctionne dans tous les navigateurs. Les puristes seront fâchés contre vous (et moi), mais votre mise en page fonctionnera et vos utilisateurs seront heureux.

Peut-être que lorsque nous l'adoption généralisée de HTML 5 et CSS3, nous serons en mesure de le faire bien avec mises en page CSS, mais jusque-là ...

Source

2009-12-24 15:32:38 Ray

Je le savais, mais je voulais entendre quelqu'un d'autre! ;) – 3zzy

Ne le votez pas, c'est une option valide! Oui, nous aimons tous nos divs, mais il est difficile de nier que les tables ont tendance à être beaucoup plus stable dans le spectre du navigateur. – Toji

@Toji-thanx - Je souhaite que lorsque quelqu'un annule une suggestion comme celle-ci, il inclura une réponse alternative. – Ray

Je vous suggère de ne pas utiliser jQuery pour cela, mais continuez à le faire en CSS (peut-être vous pouvez poster une autre question demandant comment le réparer pour IE6 et IE7). L'utilisation de jQuery pour une compatibilité maximale est une erreur car elle nécessite javascript, et il y a des personnes avec javascript désactivé qui seraient complètement incapables de voir votre site web correctement.

Également des moteurs de recherche comme google seront probablement incapables d'explorer votre site Web. Enfin, tout ce que javascript et jQuery font est de générer des balises html et des attributs css, donc vous rencontrerez les mêmes problèmes avec IE6 et IE7!

Source

2009-12-24 15:12:20

Javascript n'est pas un problème. La seule chose dont j'ai besoin pour utiliser jQuery est la zone de contenu redimensionnable, tout le reste sera html/css normal. – 3zzy

Oh, ce n'était pas clair à cause de votre question. Mais même cette partie est mieux faite avec CSS. Tant que la div "Aside" a une longueur fixe ou%, la zone de contenu sera automatiquement redimensionnée. –

HTML définit la sémantique. CSS définit l'apparence et la disposition. Et avec JS vous pouvez faire des animations fantaisie et des trucs AJAX.

Utilisez tout pour ce qu'il est fait pour. JS ne peut rien faire d'autre que générer du HTML et du CSS.

Joyeux Noël!

Source

2009-12-24 15:15:41 eWolf

Jquery sera d'aucune utilité pour votre problème, il est un framework javascript (bibliothèque) pour accélérer le codage javascript.

Vous pouvez le faire correctement avec css, ou des tables, mais jquery n'a rien à voir avec la mise en page.

Source

2009-12-31 04:21:29

Besoin d'aide avec la mise en page (jQuery)

Répondre

Questions connexes