5568 sujets

Sémantique web et HTML

Extensibilité en hauteur ? [Résolu]

Bonjour à tous,

Dans le cadre de mes TPE, je suis en train de créer un site pour le projet étudier.
Ce site est partiellement terminé mais il me reste encore pas mal de bugs à corriger, notamment celui que je voudrais réparer le plus vite possible : celui de l'extensibilité en hauteur de mon design.
Je vous présente mon design : http://tpe.unlimited-studio.com/
J'aimerais que lorsque l'écriture qui est dans le contenu blanc arrive à la limite du footer, le contenu s'allonge pour pouvoir recevoir le texte et pas empiété sur le footer.
Je cherche depuis quelques herures mais ne trouve pas de réelles solutions à ce problème : j'ai déjà créé une image de 1px qui va servir a étendre le design qui est consultable là : http://tpe.unlimited-studio.com/images/wrapper.png

En fait j'aimerais que le bas du menu (c'est-à-dire la partie bleu sans les liens, évidemment) ainsi que le contenu s'allongent ensemble.
Je ne trouve pas du tout comment faire Smiley ohwell
Je vous laisse mon fichier HTML ainsi que mon fichier CSS :
HTML : http://pastebin.com/m50e03260
CSS : http://pastebin.com/m1e9d2c92
Je sais que j'ai pas codé n'importe comment Smiley langue mais je ne fais pas ça pour que ce soit le plus léger et le plus ergonomique possible mais plutôt pour moins me prendre la tête (fainéantise, fainéantise... Smiley smile ).

Merci d'avance pour votre aide,
Shoggy.
Modifié par Shoggy (18 Feb 2009 - 16:43)
Heu, question rapide: c'est quoi cette structure HTML complètement délirante? Je crois bien que j'ai jamais vu ça...
<body>

<div id="template"><div id="wrapper"></div></div><!-- vide -->
<div id="footer"></div><!-- vide -->
<div id="header"></div><!-- vide -->
<div id="racism"></div><!-- vide -->
<div id="menu"></div><!-- vide -->
<div id="header_txt"></div><!-- vide -->

...

<div id="contenu">
Bla bla tout le contenu
</body>
Smiley eek

Des erreurs HTML non corrigées, un conteneur figé en hauteur (propriété height), un margin-top: -800px (environ) qui traine dans le code CSS et sur lequel l'intégration semble reposer... les titres du menu intégrés dans l'image de fond... c'est vraiment du bricolage. Et comme le contenu est complètement dissocié du conteneur (les deux étant superposés via des marges négatives... arf...), il me semble complètement impossible de rendre cette «intégration» extensible en hauteur.

En gros il faut tout refaire.
Modifié par Florent V. (15 Feb 2009 - 01:23)
Personnellement je te conseil de te tourner vers un CMS type Wordpress qui te permettra de mettre facilement et rapidement en place un site propre. Sachant qu'a priori le contenu de ton TPE est beaucoup plus important que le design du site.
Bon courage.
Modifié par Remay (15 Feb 2009 - 15:41)
Et supprime ce script débile qui bloque l'accès à IE6...

a écrit :
Désolé ! Cette page n'est pas compatible avec votre navigateur internet.

Vous pouvez mettre à jour votre navigateur ou télécharger Mozilla Firefox.


Je demande pas mieux, mais c'est toi qui va aller le demander au service IT de ma boite ?
Laurie-Anne a écrit :
Et supprime ce script débile qui bloque l'accès à IE6...

Yep.

Que le rendu soit dégradé (volontairement ou suite à un bug non maitrisé et non corrigé), c'est une chose. Ça reste tout de même mieux que de bloquer l'accès.
En effet, pas top pour l'accessibilité Smiley confus

Sinon, moi j'aime bien ton graphisme, c'est pas mal et a la mode ce genre de design avec des brushes partout en arrières plan ...

Sinon, comme dis plus haut, t'es exactement en trin de nous refaire un WP (j'ai d'ailleur crue que ton site était un WP ...)

Tu gagneras du temps, de la propreté dans le code, et de l'optimisation Smiley smile

Rien ne t'empêche ensuite de réaliser un design (voir celui là même ... suffit de le ré-intégrer) et de l'adapter a WP...

Voila un lien qui devrait te donner de large piste !

http://www.wpdesigner.com/2007/02/19/so-you-want-to-create-wordpress-themes-huh/
Merci à tout le monde pour vos précieux conseils.
Plutôt que de tout refaire, j'ai décidé de prendre un thème tout fait pour WordPress (ne sachant pas si j'aurai le temps de ré-intégrer celui-ci pour WP). Nulle doute que j'aurai besoin de vous encore une fois (peut-être pour l'intégration wordpress, qui sait ?) Smiley smile

Donc, merci.
Sujet clos
Aller à