Mise en page fixe haut et gauche

Bonjour à tous.
C'est mon premier post dans ce forum, et c'est pour demander votre avis.

Je viens de réaliser un site pour une commune, et j'ai un design assez spécifique.

Voici le lien vers le site de test (disponible quand mon ordinateur est allumé).
Remarque, la version originale est dans le dossier parent.

Comme vous pouvez le voir sur le lien, il doit y avoir une entête fixe (image + titre) et un menu fixe à gauche.
Cela ne me plait pas trop, mais c'est ainsi qu'il doit être.

Pour que ce soit plus accessible, j'ai mis l'overflow en auto.


Avec ma manière de faire, j'ai constaté plusieurs problèmes :
- la bordure ne va pas jusqu'en bas (quand le contenu est plus court que le menu)
- l'entete ne prend pas 100% en largeur dans IE7
- si je pointe vers une ancre, je me retrouve décalé (texte caché sous l'entete)
- si on réduit la fenetre, le défilement latéral passe par dessus la bordure de gauche
- etc...

Ainsi, je connais la source de chaque problème, et je saurais les résoudre.
Toutefois, j'aimerais savoir comment vous auriez fait ce design avec les bordures.

Remarque :
En desactivant le css, l'image du coin reste visible car c'est une <img>.

Je ne suis pas chaud pour cette idée, mais peut-être que dans ce cas précis,
je dois utiliser une tableau de quatre cases :
coin bordure-haut
bordure-gauche contenu

En attente de vos idées.
Merci d'avance.
Modifié par The Skull (21 Jul 2008 - 00:18)

Pour faire plus simple, voici en image le design du site...



Ce que je n'ai pas encore décidé, c'est la manière dont je vais permettre le défilement latéral.
Je ne sais pas si je dois passer sous le menu (et la bordure) ou si le menu doit se déplacer aussi...

Quoi qu'il en soit, vos idées sont les bienvenues, pour permettre une mise en place plus facile est moins sujette aux problèmes que la mienne.

A bientôt, j'espère.

Personne n'a d'idée de comment je pourrais m'y prendre ?

Ca serait pas plus simple comme ça ?


Modifié par Louna Lou (20 Jul 2008 - 22:56)

Bonjour.

Louna Lou a écrit :
Ca serait pas plus simple comme ça ?

En fait, "Bordure Coin" correspond à cette image :
Il doit être forcément en dessous de l'entete et à droite du menu, qui peut avoir une largeur variable (en fonction de la taille de police utilisateur).

Le design comporte trois images de bordure (horizontal, vertical et coin) et doivent prendre respectivement toute la largeur et toute la hauteur, comme représenté sur l'image précédente.

J'espère avoir été clair.
A bientot.
Modifié par The Skull (21 Jul 2008 - 00:19)

Et bien.
Ca n'a pas l'air d'intéresser grand monde.

J'aurais juste voulu avoir des idées d'implémentations pour ce design.
Il doit bien y avoir des personnes qui ont fait l'expérience d'une telle présentation fixe avec une bordure (ou autres images).

J'avoue que pour ma part, je ne sais plus trop comment faire.

Merci d'avance.

Salut,

La solution de Louna lou me semble plus judicieuse et moins lourde, rien ne t'empêche de remonter un peu ton menu pour qu'il soit aligné avec le coin de ta bordure.

Mikachu a écrit :
Salut,

La solution de Louna lou me semble plus judicieuse et moins lourde, rien ne t'empêche de remonter un peu ton menu pour qu'il soit aligné avec le coin de ta bordure.

Moi je veux bien, mais alors il me faut quelques explications...

Le menu est fixe en hauteur mais peut posséder une barre de défilement, au cas où la fenêtre soit trop petite.
Actuellement, cette barre se place à gauche de la bordure, ce qui me va tout à fait.

A part ça, j'aimerais savoir comment aligner le coin avec la bordure du menu en utilisant ce procédé ?

Merci pour votre aide.