28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Après de nombreuses années d'utilisation des tableaux pour la mise en page, je me suis enfin décidé à utiliser les CSS. Mais j'ai du mal... Smiley sweatdrop

J'essaye actuellement de créer un site avec une mise en page telle que présentée ici, au paragraphe Utilisation : une mise en page à trois colonnes :
http://www.openweb.eu.org/articles/initiation_absolue/

A la différence que la partie blanche (colonne centrale) contiendrait le contenu intégral de la page (bandeau en-tête, menu, contenu).
Par contre, et c'est là que je bloque, je veux que les deux boîtes de part et d'autre contiennent juste une image qui se répète sur toute la hauteur de la page.
C'est à dire faire un sorte de bordure (frise) verticale des 2 cotés de la page (mais pas en "background" du "body").

J'ai donc essayé deux <div> avec height = 100%, mais ça ne marche pas. Le <div> conserve une petite taille.

J'espère avoir été clair.

Si quelqu'un a une idée. Merci beaucoup.
Bon, apparemment j'ai encore une fois posé une colle...

Si c'est un manque de précisions qui vous empêche de m'aider, n'hésitez pas à me le signaler.

Et puis faites gaffe sinon je continue à créer des sites Web sous forme de tableau !!! Smiley langue

Merci.
Zendik a écrit :
Bon, apparemment j'ai encore une fois posé une colle...

Si c'est un manque de précisions qui vous empêche de m'aider, n'hésitez pas à me le signaler.


Une page en ligne Smiley smile
Voilà, j'ai fait la présentation de ma page sous forme de tableau et l'ai mise en ligne (désolé pour les pubs..., j'ai pas trouvé mieux qu'iFrance).
http://zendik77.ifrance.com/

Explications :
- J'ai mis des bordures de couleurs différentes (elles sont surtout visibles sous IE) pour mettre en évidence les différentes zones.
- Le fond vert est celui du Body
- La page est bordée à gauche et à droite, sur toute la hauteur, de deux colonnes rouges (une image répétée avec repeat-y).

C'est pour faire ces colonnes rouges, et surtout pour que le repeat-y marche sous Firefox, que j'ai du mal en CSS.
J'ai lu pas mal de tuto sur les positionnements de blocs en CSS (et j'avais cru les comprendre) mais je galère vraiment pour les appliquer.

Si vous pouvez me donner un petit coup de main ce serait vraiment sympa.

Zen