28173 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai 2 petit problème notamment une hauteur de colone, j'aimerais que les 2 colonnes de chaque côté du contenu principal aient la même hauteur que celui-ci et vice verca si les colonnes sont plus haute que le contenu du milieu.

2e petit point, pour le bloc ou l'utilateur peut chercher un jeu, j'ai un décalage de hauteur par rapport à la barre séparatrice sous la banière, entre mozila et explorer, d'ou ca provient ?

voila l'url
http://www.all-game-event.com/test/index2.php

feuille de style :
http://www.all-game-event.com/test/thrColLiqHdr.css
http://www.all-game-event.com/test/logobanniere.css
http://www.all-game-event.com/test/login.css
http://www.all-game-event.com/test/leftbloc2.css

La première feuille de style, c'est la principale, donc le premier problème doit se trouver là, pour l'autre ça doit peut-être être dans la dernière.

Merci a vous
Modifié par scouture10 (17 Jan 2008 - 20:03)
salut,

pour ton premier probleme je pense que ce lien peut le resourdre Colonnes factices

pour ton second probleme il faut enlever le
width:148px;
de ton #gameResults

et

mettre un
margin:auto
sur ".formGames"
mais ca ne resoud le probleme qu'a moitié.pour le resoudre complement je te propose ce lien : Fusion des marges
Modifié par hakkou (16 Jan 2008 - 10:38)
Bonjour,

merci d'avoir pris le temps de regarder mon post.

En fait, pour le premier probleme, je ne peux pas utiliser d'image en background car bien que mes colonnes soit de largeur fixe, le contenu lui est extensible en largeur. Donc je ne vois pas vraiment comment modifier mes css pour arriver au truc que je veux.

Y a t'il un gabarit ici qui fait cela ? jen est essayer plusieurs sans succes, ils ont le meme probleme que moi.

merci
scouture10 a écrit :
En fait, pour le premier probleme, je ne peux pas utiliser d'image en background car bien que mes colonnes soit de largeur fixe, le contenu lui est extensible en largeur. Donc je ne vois pas vraiment comment modifier mes css pour arriver au truc que je veux.

En fait il faudra à priori modifier le code HTML, pour avoir au moins un conteneur pour ces trois colonnes. Ici, les trois colonnes sont des enfants directs de l'élément body, ce qui nous laisse peu d'options pour la mise en page. Est-ce normal que div#container contienne div#header, mais rien d'autre? Ça ressemble à une erreur dans la structuration du code HTML.

Avec deux conteneurs (div#container et body, par exemple), on pourrait attribuer:
- une image de fond répétée en hauteur et dessinant une colonne latérale pour le premier;
- une image de fond répétée en hauteur et dessinant l'autre colonne latérale pour le second.

Un peu sur ce modèle:
http://web.covertprestige.info/test/18-colonnes-factices-fluides-et-entete-piedpage-1.html
Bonjour,

J'ai trouvé le problème. En fait il s'agissait de la section hack pour explorer, ou il y avait un espacement vertical définie pour la barre de gauche.

Souvent les problèmes viennent de truc très simple, mais ce sont ceux qui nous font chercher le plus Smiley cligne

Merci à vous,

Vous aurez surement de mes nouvelles dans un autres post Smiley cligne
Modifié par scouture10 (17 Jan 2008 - 20:05)