[résolu !] CSS, quelques questions ...

[Nicosmos]

Voilà quelques temps que j'avance lentement, lentement, mais surement dans la création de site en CSS dans tableaux ...

Bon, ca avance, mais j'ai un problème sur la page d'accueil : http://nicosmos66.free.fr/defaut2.html

Comment faire pour que le div contenant le contenu (le texte qui a pour titre "Bienvenue") soit au même niveau (donc plus haut) que les éléments (images) du div de gauche ? Je sais pas si je suis clair ...

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[SB]

Il faut donner à ton div de gauche la propriété float:left de façon à ce que ce qui vient après glisse à côté (en ayant vérifié que la largeur des deux div réunis soit inférieur à la largeur totale de ta page sinon il n'y a pas assez de place).

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[Nicosmos]

Presque, presque !

Au niveau placement c'est niquel ... mais le site est désormais comme qui dirait ... troué !

http://nicosmos66.free.fr/defaut2.html

Comme si l'image de fond du div conteneur ne se mettait que là où est la div de contenu ... Comment résoudre ca ?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[SB]

Essaie soit de mettre une couleur de fond blanche à ton #fond soit de rentrer ton #pied dedans.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[Nicosmos]

Non ... Aucune des deux solutions ne donne le bon résultat ...

En fait, le div "fond" s'adapte à la hauteur de "contenu". Et "gauche" à l'air de dépasser de "fond" ...



Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[SB]

En fait, le div "fond" s'adapte à la hauteur de "contenu". Et "gauche" à l'air de dépasser de "fond" ...

Oui pour le premier et non pour le deuxième. Que se passe-t-il quand tu mets une couleur de fond blanche à ton #fond ?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[SB]

Je viens de regarder ton code et je suppose que rajouter une couleur blanche ne change rien. En effet le fond s'adapte à ce qu'il contient donc il a la meme hauteur que le div gauche à gauche et la même hauteur que le texte à droite. Pour changer ça, rajoute la couleur de fond blanche et en plus cette ligne de code juste avant le </div> du fond.

Code : Tout sélectionner

<hr id='spacer' style='border:1px solid; visibility:hidden; clear:both; margin:0' />

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[Nicosmos]

Ca n'a pas l'air de marcher mieux ... Ca m'ajoute un fond blanc derrière mon image de fond (qui est semi-transparente donc ca va pas), et ca n'aggrandit pas la hauteur du fond ...



Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[SB]

Le fond blanc est inutile en effet (je n'avais pas vu ton image de fond dégradé à gauche et à droite) par contre le spacer fonctionne très bien : la preuve.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

[Nicosmos]

Ah oui ... J'ai du me gourer quelque part ... Je vais faire comme ca ... Sinon, il reste toujours une "fente" entre le header et le reste ...



Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.0.2) Gecko/20060308 Firefox/1.5.0.2

Edit ; Non, c'est bon j'ai trouvé, j'ai mis aussi "spacer" avant le contenu, et ca marche. Super, merci ! http://nicosmos66.free.fr/defaut2.html